:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--login-bg:#0a1020;--login-surface:#0c1222eb;--login-surface-soft:#0f172ab3;--login-border:#94a3b838;--login-text:#e2e8f0;--login-muted:#a3b3d1;--login-accent:#4c8dff;--login-accent-strong:#1b5cff;--login-glow:#4c8dff40}.login-page{min-height:100vh;color:var(--login-text);font-family:var(--font-geist-sans),"Source Sans 3",sans-serif;background:radial-gradient(circle at 12% 12%,#4c8dff2e,#0000 45%),radial-gradient(circle at 88% 15%,#00d6ff1f,#0000 40%),radial-gradient(circle at 80% 90%,#1e40af2e,#0000 55%),linear-gradient(165deg,#0a1020 0%,#0c1428 40%,#0b1124 100%);gap:2.8rem;padding:3.5rem 6vw 4.5rem;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.15;pointer-events:none;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0}.role-grid,.login-panel,.login-hero{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.login-hero{text-align:center;gap:.6rem;padding:.4rem 1rem 0;display:grid}.hero-kicker{text-transform:uppercase;letter-spacing:.32em;color:#94a3b8;margin:0;font-size:.7rem}.login-hero h1{color:#f8fafc;font-size:clamp(1.8rem,2.5vw,2.6rem);font-family:var(--font-aria-heading),"Montserrat",sans-serif;margin:0}.hero-subtitle{color:var(--login-muted);margin:0;font-size:.98rem}.role-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;display:grid}.role-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0a0f1efa,#0a1020db) padding-box padding-box,linear-gradient(140deg,#4c8dff73,#0000 60%) border-box;border:1px solid #0000;border-radius:22px;gap:.9rem;min-height:285px;padding:1.4rem 1.4rem 1.3rem;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 55px #0508108c}.role-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 0 0,#4c8dff26,#0000 55%);transition:opacity .2s;position:absolute;inset:0}.role-card:hover{transform:translateY(-4px);box-shadow:0 36px 70px #070c16a6}.role-card:hover:after{opacity:1}.role-icon{color:#eaf2ff;background:linear-gradient(135deg,#4c8dff59,#00d6ff26);border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid;box-shadow:inset 0 0 0 1px #4c8dff4d}.role-card h2{color:#f8fafc;font-size:1.18rem;font-family:var(--font-aria-heading),"Montserrat",sans-serif;margin:0}.role-card p{color:var(--login-muted);margin:0;font-size:.92rem;line-height:1.5}.role-list{color:#d6e2ff;gap:.4rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.role-list li{align-items:flex-start;gap:.5rem;display:flex}.role-list li:before{content:"✓";color:#7dd3fc;font-weight:700}.role-cta{background:linear-gradient(120deg,var(--login-accent),var(--login-accent-strong));color:#fff;cursor:pointer;box-shadow:0 14px 28px var(--login-glow);border:none;border-radius:999px;width:100%;margin-top:auto;padding:.68rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.role-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 18px 34px #4c8dff59}.login-panel{background:var(--login-surface);border:1px solid var(--login-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px;grid-template-columns:1fr;gap:1.4rem;max-width:820px;margin:0 auto;padding:1.8rem;display:grid;box-shadow:0 30px 60px #050810a6}.login-panel__info{gap:.7rem;display:grid}.panel-kicker{text-transform:uppercase;letter-spacing:.32em;color:#94a3b8;margin:0;font-size:.62rem}.login-panel__info h2{color:#f8fafc;font-size:1.5rem;font-family:var(--font-aria-heading),"Montserrat",sans-serif;margin:0}.panel-subtitle{color:var(--login-muted);margin:0}.panel-rules{background:var(--login-surface-soft);border:1px solid #94a3b829;border-radius:18px;padding:.95rem 1.1rem;box-shadow:inset 0 0 0 1px #1e40af14}.panel-rules h3{color:#f8fafc;margin:0 0 .6rem;font-size:.85rem}.panel-rules ul{color:#d4def5;gap:.3rem;margin:0;padding-left:1rem;font-size:.82rem;display:grid}.login-form{background:#080d1ae0;border:1px solid #94a3b82e;border-radius:20px;gap:.9rem;padding:1.4rem;display:grid;box-shadow:inset 0 0 0 1px #1e40af14}.login-form label{color:#cbd5f5;gap:.35rem;font-size:.82rem;display:grid}.login-form input{color:#f8fafc;background:#0c1222e6;border:1px solid #94a3b852;border-radius:10px;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#4c8dffcc;outline:none;box-shadow:0 0 0 3px #4c8dff33}.login-row{color:#cbd5f5;justify-content:space-between;align-items:center;gap:.8rem;font-size:.76rem;display:flex}.remember{align-items:center;gap:.4rem;display:flex}.link{color:#7dd3fc;cursor:pointer;background:0 0;border:none;font-weight:600}.login-submit{text-align:center;background:linear-gradient(120deg,var(--login-accent),var(--login-accent-strong));color:#fff;box-shadow:0 16px 30px var(--login-glow);border-radius:14px;padding:.85rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 20px 34px #4c8dff59}@media (max-width:720px){.login-page{padding:2.5rem 1.5rem 3rem}.role-grid{grid-template-columns:1fr}.role-card{min-height:auto}}@media (max-width:520px){.login-page{padding:2rem 1.1rem 2.5rem}.login-panel{border-radius:22px;padding:1.3rem}.login-form{padding:1.1rem}.login-hero{text-align:left;padding:0}.login-panel__info h2{font-size:1.35rem}.panel-rules{padding:.85rem 1rem}.login-submit{padding:.78rem 1rem}}@media (prefers-reduced-motion:no-preference){.role-card,.login-panel,.login-form{animation:.4s both fadeUp}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}