:root{color-scheme:dark light;--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-display: "League Spartan", "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--radius-s: 12px;--radius-m: 18px;--radius-l: 28px;--radius-pill: 999px;--transition: .18s ease;--shadow-soft: 0 22px 60px rgba(6, 8, 12, .6);--shadow-glow: 0 0 0 1px var(--border), 0 16px 40px rgba(6, 8, 12, .45);--hero-glow: 0 0 45px rgba(27, 160, 251, .35)}:root[data-theme=dark]{--bg: #06080c;--surface: #06080c;--surface-2: #06080c;--border: rgba(230, 235, 255, .18);--text: #ffffff;--text-muted: #e6ebff;--primary: #1ba0fb;--info: #0098cf;--accent: #5b63be;--accent-2: #7a49a4;--support: #1a819b;--bg-gradients: radial-gradient(1200px 800px at 5% 10%, rgba(26, 129, 155, .35), transparent 60%), radial-gradient(900px 700px at 90% 5%, rgba(27, 160, 251, .35), transparent 60%), radial-gradient(600px 500px at 70% 90%, rgba(91, 99, 190, .28), transparent 70%)}:root[data-theme=light]{--bg: #e6ebff;--surface: #ffffff;--surface-2: #e6ebff;--border: rgba(6, 8, 12, .12);--text: #06080c;--text-muted: rgba(6, 8, 12, .7);--primary: #1ba0fb;--info: #0098cf;--accent: #5b63be;--accent-2: #7a49a4;--support: #1a819b;--bg-gradients: radial-gradient(1200px 800px at 5% 10%, rgba(26, 129, 155, .18), transparent 60%), radial-gradient(900px 700px at 90% 5%, rgba(27, 160, 251, .2), transparent 60%), radial-gradient(600px 500px at 70% 90%, rgba(91, 99, 190, .18), transparent 70%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);letter-spacing:.01em}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--info)}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}p{margin:0;color:var(--text-muted);line-height:1.6}h1,h2,h3{margin:0;color:var(--text);font-weight:700}.app{min-height:100vh;display:flex;align-items:stretch;justify-content:center;position:relative;isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--bg-gradients);background-size:140% 140%;background-position:15% 20%;opacity:.85;animation:ambientGlow 18s ease-in-out infinite;pointer-events:none;z-index:0}.login-shell{width:min(1040px,92vw);padding:clamp(32px,5vw,64px) 0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(20px,3vw,40px);padding:clamp(28px,4vw,48px);border-radius:var(--radius-l);border:1px solid var(--border);background:linear-gradient(140deg,#06080ce6,#06080cb8);box-shadow:var(--shadow-glow);position:relative;overflow:hidden;animation:rise .8s ease-out both}:root[data-theme=light] .login-card{background:linear-gradient(140deg,#fffffff5,#e6ebffd9)}.login-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:360px;height:360px;background:radial-gradient(circle,rgba(27,160,251,.35),transparent 70%);opacity:.85;filter:blur(.5px);pointer-events:none}.login-card:after{content:"";position:absolute;top:18%;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(26,129,155,.35),transparent 70%);opacity:.7;pointer-events:none}.brand-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding-right:clamp(16px,2vw,28px)}.brand-header{display:grid;gap:var(--space-3);position:relative;z-index:1}.brand-logo{width:264px;min-width:168px;filter:invert(1)}:root[data-theme=light] .brand-logo{filter:none}.brand-tagline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;font-size:16px;color:var(--text);font-weight:600}.brand-copy{max-width:420px;font-size:20px}.form-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--border)}.form-card{width:100%;max-width:none;padding:0;border:none;background:transparent;box-shadow:none}.form-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.form-kicker{text-transform:uppercase;letter-spacing:.35em;font-size:11px;font-weight:700;color:var(--text-muted)}.form-header h1{font-size:clamp(28px,4vw,40px);font-weight:700}.form-subtitle{font-size:15px}.login-form{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.field__input{padding:14px 16px;border-radius:var(--radius-s);border:1px solid var(--border);background:#06080c66;color:var(--text);font-size:15px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}:root[data-theme=light] .field__input{background:#e6ebff99}.field__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1ba0fb33;background:#06080c99}:root[data-theme=light] .field__input:focus{background:#ffffffe6}.field__hint{font-size:12px;color:var(--text-muted)}.form-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.text-link{font-size:13px;font-weight:700}.button-stack{display:grid;gap:var(--space-3)}.button{border-radius:var(--radius-pill);padding:14px 20px;font-size:15px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition);font-family:var(--font-sans)}.button:focus-visible{outline:2px solid rgba(27,160,251,.6);outline-offset:2px}.button--primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px #1ba0fb4d}.button--primary:hover,.button--primary:focus-visible{transform:translateY(-1px);box-shadow:0 16px 30px #1ba0fb66}.button--secondary{background:transparent;border-color:var(--border);color:var(--text)}.button--secondary:hover,.button--secondary:focus-visible{border-color:#1ba0fb80;color:var(--text)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text);cursor:pointer;position:relative}.checkbox__input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.checkbox__box{width:18px;height:18px;border-radius:6px;border:1px solid var(--border);display:grid;place-items:center;background:#06080c66;transition:border-color var(--transition),background var(--transition)}:root[data-theme=light] .checkbox__box{background:#e6ebff99}.checkbox__input:checked+.checkbox__box{border-color:var(--primary);background:#1ba0fb40}.checkbox__input:checked+.checkbox__box:after{content:"";width:10px;height:10px;border-radius:3px;background:var(--primary)}.checkbox__input:focus-visible+.checkbox__box{border-color:var(--primary);box-shadow:0 0 0 3px #1ba0fb40}.checkbox__label{color:var(--text)}.form-footer{margin-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:13px}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:var(--radius-pill);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:#1ba0fb99;color:var(--text)}@keyframes ambientGlow{0%{opacity:.7;background-position:10% 15%}50%{opacity:1;background-position:80% 30%}to{opacity:.75;background-position:20% 20%}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.login-card{grid-template-columns:1fr;gap:var(--space-6)}.brand-panel{order:2;padding-right:0}.form-panel{order:1;padding-left:0;padding-top:var(--space-6);border-left:none;border-top:1px solid var(--border)}}@media (max-width: 700px){.login-shell{width:min(560px,92vw)}.form-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}