.workshop-login{color:#2c3157;--workshop-readable:#17182d;background:linear-gradient(#e2f3ff,#f1edff);flex-direction:column;align-items:center;width:100%;max-width:none;min-height:100dvh;margin:0;padding:35px 20px;display:flex}.login-brand{color:#594097;align-items:center;gap:10px;margin-bottom:30px;font-family:Fredoka,sans-serif;font-size:26px;text-decoration:none;display:flex}.login-card{text-align:center;--workshop-readable:#17182d;background:#fff;border:2px solid #d9d0ee;border-radius:24px;width:min(100%,480px);padding:30px;box-shadow:0 7px #d8cee9}.login-emblem{color:#7957bd;--workshop-readable:#17182d;background:#f1eaff;border-radius:18px;place-items:center;width:66px;height:66px;margin:0 auto 20px;display:grid}.login-card h1{letter-spacing:0;color:#3a315e;margin:0 0 12px;font-family:Fredoka,sans-serif;font-size:32px;line-height:1.2}.login-card p{color:#626a87;overflow-wrap:anywhere;font-size:16px;line-height:1.55}.login-card .login-instruction{margin:22px 0 17px;font-size:15px}.google-signin-mount{justify-content:center;min-height:44px;display:flex}.google-setup-note{text-align:left;--workshop-readable:#17182d;background:#fff8e4;border:1px solid #edd9a0;border-radius:12px;margin:24px 0;padding:16px}.google-setup-note strong{color:#79601f;font-size:16px}.google-setup-note p{color:#766642;margin-top:7px;font-size:14px}.login-existing,.login-enter{color:#fff;--workshop-readable:#f7f9ff;background:#6b4ab8;border:1px solid #593b9a;border-bottom:4px solid #463275;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin:20px auto 8px;padding:13px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.login-existing:hover,.login-enter:hover{--workshop-readable:#f7f9ff;background:#7d5ec8}.login-existing-note{color:#73728a;font-size:13px;display:block}.login-signout{color:#665281;--workshop-readable:inherit;background:0 0;border:0;margin-top:5px;padding:10px;font-size:15px}.login-privacy{color:#77748a;border-top:1px solid #eeeaf5;margin-top:24px;padding-top:20px;font-size:13px;line-height:1.65;display:block}.login-privacy a{color:#63429b;display:block}.login-back{color:#614b8f;margin-top:28px;font-size:15px}.login-error{color:#8c4935;text-align:left;--workshop-readable:#17182d;background:#fff1ed;border:1px solid #e6c2b5;border-radius:10px;margin:18px 0;padding:14px;font-size:15px;line-height:1.5}.login-error button{margin-top:10px;font-size:14px;display:block}:is(.login-card a:focus-visible,.login-card button:focus-visible){outline-offset:4px;outline:3px solid #9b7019}@media (max-width:430px){.login-card{padding:25px 18px}.workshop-login{padding:25px 14px}.login-card h1{font-size:29px}}.login-course-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 18px;display:grid}.login-course-door{color:#edf8ff;--workshop-readable:#f7f9ff;background:linear-gradient(145deg,#244d70,#152f4b);border:1px solid #799cb8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:158px;padding:20px 10px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 4px #081b2f}.login-course-door.door-pre-algebra{--workshop-readable:#f7f9ff;background:linear-gradient(145deg,#4e406f,#292f52);border-color:#aa9acf}.login-course-door strong{font-size:20px;line-height:1.2}.login-course-icon{color:#b6e1ff}.door-pre-algebra .login-course-icon{color:#dfc9ff}.login-course-enter{color:#d6e9f6;align-items:center;gap:6px;font-size:12px;display:flex}.login-course-door:hover{transform:translateY(-2px);box-shadow:0 6px #081b2f}.login-course-door:focus-visible{outline-offset:4px;outline:3px solid #c9eaff!important}.login-course-door[aria-disabled=true]{opacity:.6;cursor:wait;transform:none}@media (max-width:420px){.login-course-doors{grid-template-columns:1fr;gap:12px}.login-course-door{gap:8px;min-height:115px;padding:16px}}@media (prefers-reduced-motion:reduce){.login-course-door{transition:none}.login-course-door:hover{transform:none}}.login-role-choice{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.login-role-choice button{color:#292040;--workshop-readable:#17182d;background:#f5f2fb;border:2px solid #b7a7d8;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:72px;padding:14px;font-size:18px;font-weight:700;display:flex}.login-role-choice button[aria-pressed=true]{color:#fff;--workshop-readable:#f7f9ff;background:#352253;border-color:#7655a2}.login-card .login-role-note{color:#342c48;--workshop-readable:#17182d;background:#f0eef6;border-radius:12px;padding:14px;font-size:14px}@media (max-width:400px){.login-role-choice button{flex-direction:column;gap:5px}}