:root{--bg: #0a0b0a;--bg-elev: #0f110f;--surface: #16181a;--surface2: #1d2022;--surface3: #262a2c;--green: #1a6e1a;--green-bright: #27a827;--lime: #36d989;--lime-soft: rgba(54, 217, 137, .14);--purple: #6d28d9;--purple-bright: #a855f7;--blue: #60a5fa;--gold: #eab308;--highlight: #23272a;--highlight-border: #3a4043;--red: #e63300;--red-soft: rgba(230, 51, 0, .12);--text: #f2f4f2;--text-secondary: #b3b9b4;--muted: #7d8480;--border: #262b2d;--border-soft: #1e2224;--radius: 16px;--radius-sm: 11px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-glow: 0 8px 30px rgba(39, 168, 39, .18);--header-bg: rgba(12, 14, 12, .82);--app-bg: radial-gradient(1100px 620px at 50% -280px, rgba(39, 168, 39, .1), transparent 70%), radial-gradient(900px 500px at 100% 0%, rgba(109, 40, 217, .06), transparent 65%), var(--bg)}:root[data-theme=light]{--bg: #e8f0ea;--bg-elev: #f4f8f5;--surface: #ffffff;--surface2: #eef4f0;--surface3: #dcefe6;--green: #0e5c3f;--green-bright: #13935f;--lime: #0e8a54;--lime-soft: rgba(19, 147, 95, .12);--blue: #2f74d0;--gold: #b7860b;--purple-bright: #8b3fd6;--highlight: #dcefe6;--highlight-border: #13935f;--red: #e0492f;--text: #16221c;--text-secondary: #4a5a51;--muted: #6e7d73;--border: #dde6e0;--border-soft: #e6efe9;--shadow-sm: 0 1px 3px rgba(20, 60, 40, .08);--shadow-md: 0 10px 28px rgba(20, 60, 40, .14);--header-bg: rgba(255, 255, 255, .85);--app-bg: radial-gradient(1100px 620px at 50% -300px, rgba(19, 147, 95, .12), transparent 70%), radial-gradient(900px 500px at 100% 0%, rgba(139, 63, 214, .05), transparent 65%), var(--bg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--app-bg);background-attachment:fixed;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);transition:filter .15s,background .15s,transform .1s,box-shadow .15s,border-color .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font-family:inherit;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input,textarea{padding:12px 14px;font-size:15px;width:100%}select{padding:9px 11px;font-size:13px;font-weight:600}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--green-bright);box-shadow:0 0 0 3px #27a82724}textarea{resize:vertical}.btn-primary{background:linear-gradient(180deg,#2fbf3a 0%,var(--green-bright) 100%);color:#fff;font-weight:700;font-size:15px;padding:12px 20px;width:100%;box-shadow:0 4px 14px #27a82747}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px #27a82766}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border);font-weight:600;font-size:15px;padding:12px 20px;width:100%}.btn-secondary:hover:not(:disabled){background:var(--surface3);border-color:var(--highlight-border)}.btn-danger{background:var(--red);color:#fff;font-weight:700;padding:12px 20px}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.card{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-hover{transition:border-color .18s,transform .18s,box-shadow .18s}.card-hover:hover{border-color:var(--highlight-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.tag{font-size:10px;font-weight:800;letter-spacing:.5px;border-radius:20px;padding:3px 9px;white-space:nowrap}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:20px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--highlight-border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}@media(max-width:760px){.login-shell{grid-template-columns:1fr!important;max-width:420px!important}.login-hero{min-height:0!important;padding:32px 28px!important}.login-hero h2,.login-hero p,.login-frog{display:none}}