:root{color-scheme:dark;--bg-main: #020617;--bg-panel: #020617;--bg-card: #020617;--bg-card-elevated: #020617;--border-subtle: rgba(148, 163, 184, .3);--accent: #0ea5e9;--accent-soft: rgba(56, 189, 248, .1);--accent-strong: #0284c7;--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f97373;--success: #22c55e;--radius-xl: 18px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .7);--transition-fast: .18s ease-out}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1f2937 0,#020617 55%);color:var(--text-main)}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 24px}.login-container{width:100%;max-width:1120px;min-height:520px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:56px;align-items:stretch}.brand-panel{position:relative;padding:32px 28px;border-radius:24px;background:radial-gradient(circle at top left,#0f172a 0,#020617 80%);border:1px solid rgba(148,163,184,.28);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(56,189,248,.2),transparent 60%);opacity:.65;pointer-events:none}.brand-logo-circle{width:56px;height:56px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#38bdf8,#0f172a 60%);border:1px solid rgba(148,163,184,.4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;color:#fff;box-shadow:0 10px 30px #0f172acc;position:relative;z-index:1}.brand-title{position:relative;margin:24px 0 8px;font-size:32px;font-weight:700;letter-spacing:.04em;color:#f9fafb;z-index:1}.brand-subtitle{position:relative;margin:0 0 24px;font-size:15px;line-height:1.5;color:var(--text-muted);z-index:1}.brand-list{position:relative;margin:0;padding-left:18px;list-style:disc;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d1d5db;z-index:1}.brand-footer{position:relative;margin-top:32px;font-size:11px;color:#6b7280;z-index:1}.login-panel{padding:28px 26px 30px;border-radius:24px;background:#0f172af5;border:1px solid rgba(148,163,184,.3);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.login-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#f9fafb}.login-header p{margin:0;font-size:13px;color:var(--text-muted)}.login-toggle{margin-top:18px;padding:2px;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.35);display:inline-flex;gap:4px}.login-toggle-btn{border:none;background:transparent;color:var(--text-muted);font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.login-toggle-btn--active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0b1120;box-shadow:0 8px 18px #082f49bf;transform:translateY(-1px)}.login-form{margin-top:20px;display:flex;flex-direction:column;gap:14px}.form-row{display:flex;gap:10px}.form-row--inline .form-field{flex:1}.form-field--uf{max-width:84px}.form-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.form-field label{color:#e5e7eb;font-weight:500}.field-help{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:4px}.form-field input,.form-field select{border-radius:999px;border:1px solid rgba(148,163,184,.6);background-color:#0f172ae6;color:#e5e7eb;font-size:13px;padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.form-field input::placeholder{color:#6b7280}.form-field input:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf8b3;background-color:#020617;transform:translateY(-.5px)}.btn-primary{margin-top:6px;border-radius:999px;border:none;padding:10px 16px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020617;cursor:pointer;box-shadow:0 18px 30px #082f49cc;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 40px #082f49e6;filter:brightness(1.03)}.btn-primary:active{transform:translateY(0);box-shadow:0 10px 24px #082f49e6}.btn-primary:disabled{cursor:wait;opacity:.75;box-shadow:none}.login-hints{margin-top:6px;font-size:11px;color:var(--text-muted);line-height:1.5}.login-hints code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#0f172ae6;border-radius:999px;padding:2px 6px;border:1px solid rgba(148,163,184,.4)}.alert{margin-top:10px;padding:8px 10px;border-radius:14px;font-size:12px;display:flex;align-items:center;gap:6px}.alert--error{background-color:#7f1d1dbf;border:1px solid rgba(248,113,113,.8);color:#fee2e2}.alert--success{background-color:#166534bf;border:1px solid rgba(74,222,128,.9);color:#dcfce7}@media(max-width:920px){.login-container{grid-template-columns:minmax(0,1fr);gap:24px}.brand-panel{min-height:auto}}@media(max-width:640px){.app-shell{padding:18px 14px}.login-panel{padding:20px 18px 22px}.brand-panel{padding:20px 18px}.brand-title{font-size:24px}}