*{box-sizing:border-box}html{background:#f4f6fa;min-width:320px;min-height:100%}body{color:#172033;-webkit-font-smoothing:antialiased;background:#f4f6fa;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}button,input{font:inherit}.login-page.svelte-1x05zx6{min-height:100vh;background:radial-gradient(circle at 88% 8%,#4b67e81a,#0000 24rem),#f4f6fa;place-items:center;min-height:100dvh;padding:32px;display:grid}.login-shell.svelte-1x05zx6{background:#fff;border:1px solid #dfe3ec;border-radius:24px;grid-template-columns:minmax(300px,.86fr) minmax(430px,1.14fr);width:min(100%,960px);min-height:650px;display:grid;overflow:hidden;box-shadow:0 24px 70px #0e193030}.brand-panel.svelte-1x05zx6{color:#eef2ff;background:radial-gradient(circle at 12% 88%,#f1b94d26,#0000 17rem),radial-gradient(circle at 88% 12%,#675ad247,#0000 20rem),linear-gradient(160deg,#21304e,#111a2e 72%);flex-direction:column;min-width:0;padding:34px;display:flex;position:relative;overflow:hidden}.brand-panel.svelte-1x05zx6:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-105px;right:-86px;box-shadow:0 0 0 38px #ffffff06,0 0 0 82px #ffffff05}.brand.svelte-1x05zx6{z-index:1;color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex;position:relative}.brand-mark.svelte-1x05zx6{color:#f1b94d;letter-spacing:-.05em;background:linear-gradient(145deg,#ffffff29,#ffffff0d);border:1px solid #ffffff29;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:850;display:grid;box-shadow:inset 0 1px #ffffff26}.brand-word.svelte-1x05zx6{letter-spacing:-.02em;font-size:1.08rem;font-weight:780}.brand-copy.svelte-1x05zx6{z-index:1;margin-top:78px;position:relative}.eyebrow.svelte-1x05zx6,.section-label.svelte-1x05zx6{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:780;display:block}.eyebrow.svelte-1x05zx6{color:#f1b94d}.brand-copy.svelte-1x05zx6 h1:where(.svelte-1x05zx6){color:#fff;letter-spacing:-.045em;max-width:12ch;margin:12px 0 14px;font-size:clamp(2rem,4vw,2.7rem);line-height:1.05}.brand-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6){color:#bfc9dd;max-width:30ch;margin:0;font-size:1rem}.brand-logo.svelte-1x05zx6{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 22px #00000042);width:104px;height:104px;margin:38px auto 0;position:relative}.lore-preview.svelte-1x05zx6{z-index:2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;margin-top:auto;position:relative}.lore-preview.svelte-1x05zx6 summary:where(.svelte-1x05zx6){color:#fff;cursor:pointer;align-items:center;min-height:46px;padding:11px 14px;font-size:.88rem;font-weight:720;display:flex}.lore-copy.svelte-1x05zx6{border-top:1px solid #ffffff14;padding:0 14px 14px}.lore-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6),.lore-copy.svelte-1x05zx6 span:where(.svelte-1x05zx6){color:#bfc9dd;margin:11px 0 0;font-size:.8rem;display:block}.lore-copy.svelte-1x05zx6 strong:where(.svelte-1x05zx6){color:#fff}.lore-copy.svelte-1x05zx6 span:where(.svelte-1x05zx6){color:#f4dda7;font-weight:700}.form-panel.svelte-1x05zx6{padding:46px 52px}.form-header.svelte-1x05zx6{margin-bottom:24px}.section-label.svelte-1x05zx6{color:#4b67e8}.form-header.svelte-1x05zx6 h2:where(.svelte-1x05zx6){color:#172033;letter-spacing:-.035em;margin:7px 0 6px;font-size:1.65rem;line-height:1.18}.form-header.svelte-1x05zx6 p:where(.svelte-1x05zx6){color:#667085;margin:0}.login-card.svelte-1x05zx6,.teacher-login.svelte-1x05zx6{background:#fff;border:1px solid #dfe3ec;border-radius:16px;box-shadow:0 1px 2px #121e370f,0 4px 14px #121e370a}.login-card.svelte-1x05zx6{padding:20px}.student-card.svelte-1x05zx6{border-color:#cfd6f8}.panel-head.svelte-1x05zx6,.teacher-login.svelte-1x05zx6 summary:where(.svelte-1x05zx6){align-items:center;gap:12px;display:flex}.panel-head.svelte-1x05zx6{margin-bottom:18px}.panel-head.svelte-1x05zx6>div:where(.svelte-1x05zx6),.teacher-login.svelte-1x05zx6 summary:where(.svelte-1x05zx6)>span:where(.svelte-1x05zx6):nth-child(2){gap:1px;display:grid}.panel-head.svelte-1x05zx6 .role-label:where(.svelte-1x05zx6),.teacher-login.svelte-1x05zx6 small:where(.svelte-1x05zx6){color:#667085;font-size:.75rem;font-weight:720}.panel-head.svelte-1x05zx6 strong:where(.svelte-1x05zx6),.teacher-login.svelte-1x05zx6 summary:where(.svelte-1x05zx6) strong:where(.svelte-1x05zx6){color:#172033;font-size:.98rem}.role-icon.svelte-1x05zx6{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:820;display:grid}.student-icon.svelte-1x05zx6{color:#3956d7;background:#e9edff}.teacher-icon.svelte-1x05zx6{color:#9a6610;background:#fff4d8}.field-label.svelte-1x05zx6{color:#344054;margin:0 0 6px;font-size:.84rem;font-weight:680;display:block}.second-label.svelte-1x05zx6{margin-top:14px}input.svelte-1x05zx6:not([type=checkbox]){color:#172033;background:#fff;border:1px solid #cfd5e1;border-radius:11px;width:100%;min-height:48px;padding:11px 13px;transition:border-color .16s,box-shadow .16s}input.svelte-1x05zx6:not([type=checkbox])::placeholder{color:#98a2b3}input.svelte-1x05zx6:not([type=checkbox]):focus{border-color:#9facf4;outline:0;box-shadow:0 0 0 3px #4b67e821}.code-input.svelte-1x05zx6{letter-spacing:.14em;text-align:center;font-weight:750;background:#f9faff!important;min-height:54px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:1.16rem!important}.input-hint.svelte-1x05zx6{color:#7b8496;text-align:center;margin:7px 0 0;font-size:.76rem}.device-choice.svelte-1x05zx6{cursor:pointer;background:#f8f9fb;border:1px solid #eceef4;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.device-choice.svelte-1x05zx6 input:where(.svelte-1x05zx6){accent-color:#3956d7;width:18px;height:18px;margin:0}.device-choice.svelte-1x05zx6 span:where(.svelte-1x05zx6),.device-choice.svelte-1x05zx6 strong:where(.svelte-1x05zx6),.device-choice.svelte-1x05zx6 small:where(.svelte-1x05zx6){display:block}.device-choice.svelte-1x05zx6 strong:where(.svelte-1x05zx6){color:#344054;font-size:.82rem}.device-choice.svelte-1x05zx6 small:where(.svelte-1x05zx6){color:#7b8496;margin-top:1px;font-size:.74rem}button.svelte-1x05zx6{cursor:pointer;border:1px solid #0000;border-radius:11px;min-height:46px;font-weight:760;transition:background .16s,transform .16s,box-shadow .16s}.primary-button.svelte-1x05zx6,.teacher-button.svelte-1x05zx6{width:100%;margin-top:16px}.primary-button.svelte-1x05zx6{color:#fff;background:#3956d7;box-shadow:0 5px 14px #3956d72e}.primary-button.svelte-1x05zx6:hover:not(:disabled){background:#304bc7;transform:translateY(-1px)}.teacher-button.svelte-1x05zx6{color:#304bc7;background:#fff;border-color:#dfe3ec}.teacher-button.svelte-1x05zx6:hover:not(:disabled){background:#f5f7ff;border-color:#bfc9ff}button.svelte-1x05zx6:disabled{opacity:.52;cursor:not-allowed}.error.svelte-1x05zx6{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;margin:11px 0 0;padding:9px 11px;font-size:.82rem}.teacher-login.svelte-1x05zx6{margin-top:14px}.teacher-login.svelte-1x05zx6 summary:where(.svelte-1x05zx6){cursor:pointer;min-height:66px;padding:11px 14px;list-style:none}.teacher-login.svelte-1x05zx6 summary:where(.svelte-1x05zx6)::-webkit-details-marker{display:none}.teacher-login.svelte-1x05zx6 .chevron:where(.svelte-1x05zx6){color:#8991a3;margin-left:auto;font-size:1.1rem;transition:transform .16s}.teacher-login[open].svelte-1x05zx6 .chevron:where(.svelte-1x05zx6){transform:rotate(180deg)}.teacher-content.svelte-1x05zx6{background:#fafbfc;border-top:1px solid #eceef4;border-radius:0 0 16px 16px;padding:18px}.svelte-1x05zx6:where(button:where(.svelte-1x05zx6),input:where(.svelte-1x05zx6),summary:where(.svelte-1x05zx6),a:where(.svelte-1x05zx6)):focus-visible{outline-offset:2px;outline:3px solid #4b67e852}@media (max-width:760px){.login-page.svelte-1x05zx6{background:#fff;padding:0;display:block}.login-shell.svelte-1x05zx6{min-height:100vh;min-height:100dvh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.brand-panel.svelte-1x05zx6{min-height:auto;padding:20px 22px 24px}.brand-copy.svelte-1x05zx6{margin-top:32px}.brand-copy.svelte-1x05zx6 h1:where(.svelte-1x05zx6){max-width:15ch;font-size:2rem}.brand-logo.svelte-1x05zx6{opacity:.9;width:78px;height:78px;position:absolute;bottom:20px;right:20px}.lore-preview.svelte-1x05zx6{width:calc(100% - 96px);margin-top:26px}.form-panel.svelte-1x05zx6{padding:28px 22px 38px}}@media (max-width:430px){.brand-panel.svelte-1x05zx6{padding-inline:18px}.brand-copy.svelte-1x05zx6 p:where(.svelte-1x05zx6){max-width:24ch}.lore-preview.svelte-1x05zx6{width:100%;margin-top:22px}.brand-logo.svelte-1x05zx6{display:none}.form-panel.svelte-1x05zx6{padding-inline:16px}.login-card.svelte-1x05zx6{padding:16px}}@media (prefers-reduced-motion:reduce){.svelte-1x05zx6,.svelte-1x05zx6:before,.svelte-1x05zx6:after{transition-duration:.01ms!important}}.brand-mark.svelte-1x05zx6{object-fit:contain;box-shadow:none;image-rendering:pixelated;background:0 0;border:0;display:block}.brand-logo.svelte-1x05zx6{image-rendering:pixelated}