body{margin:0;background:#0f0c29;font-family:Segoe UI,system-ui,sans-serif}.container.svelte-1x05zx6{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card.svelte-1x05zx6{background:#1a1a2e;border:2px solid #7c3aed;border-radius:1rem;padding:2.25rem 2rem;text-align:center;width:100%;max-width:420px;box-shadow:0 0 40px #7c3aed40}.logo.svelte-1x05zx6{width:100px;margin-bottom:1.1rem}h1.svelte-1x05zx6{color:#fff;margin:0 0 .4rem;font-size:1.6rem}.sub.svelte-1x05zx6{color:#a78bfa;margin:0 0 1.35rem;font-size:.95rem}.login-panel.svelte-1x05zx6{border:1px solid rgba(124,58,237,.45);border-radius:.9rem;background:#0f0c298c;padding:1rem;text-align:left}.panel-head.svelte-1x05zx6{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.panel-head.svelte-1x05zx6 span:where(.svelte-1x05zx6){color:#a78bfa;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.panel-head.svelte-1x05zx6 strong:where(.svelte-1x05zx6){color:#fff;font-size:.9rem}input.svelte-1x05zx6{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:2px solid #7c3aed;background:#0f0c29;color:#fff;font-size:1rem;box-sizing:border-box;transition:border-color .2s}input.svelte-1x05zx6+input:where(.svelte-1x05zx6){margin-top:.7rem}.code-input.svelte-1x05zx6{font-size:1.15rem;text-align:center;letter-spacing:.12em}input.svelte-1x05zx6:focus{outline:none;border-color:#a78bfa}.error.svelte-1x05zx6{color:#f87171;font-size:.88rem;margin:.6rem 0 0;text-align:center}button.svelte-1x05zx6{margin-top:1rem;width:100%;padding:.8rem;border-radius:.5rem;border:none;background:#7c3aed;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;transition:background .2s,transform .1s}.teacher-btn.svelte-1x05zx6{background:#2563eb}button.svelte-1x05zx6:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.teacher-btn.svelte-1x05zx6:hover:not(:disabled){background:#1d4ed8}button.svelte-1x05zx6:active:not(:disabled){transform:translateY(0)}button.svelte-1x05zx6:disabled{opacity:.6;cursor:not-allowed}.divider.svelte-1x05zx6{position:relative;margin:1rem 0;color:#64748b;font-size:.8rem;font-weight:800;text-align:center}.divider.svelte-1x05zx6:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#7c3aed59}.divider.svelte-1x05zx6 span:where(.svelte-1x05zx6){position:relative;background:#1a1a2e;padding:0 .75rem}