:root{--bg-primary:#f9fcff;--bg-secondary:#f0f6fc;--bg-premium:#f4f9ff;--text-primary:#071727;--text-secondary:#495766;--text-muted:#86909b;--primary:#0074c9;--primary-hover:#00579c;--primary-light:#d1e7ff;--accent:#d58b4b;--border:#d9dfe5;--border-strong:#b4bfca;--glass-bg:#f9fcffcc;--glass-border:#d9dfe566;--glass-shadow:0 4px 24px -1px #0717270a;--shadow-lg:0 20px 48px -12px #07172714;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition:.2s cubic-bezier(.23, 1, .32, 1)}@supports (color:lab(0% 0 0)){:root{--bg-primary:lab(98.8317% -1.09252 -3.57065);--bg-secondary:lab(96.5116% -1.09199 -3.57032);--bg-premium:lab(97.6717% -1.09231 -3.57046);--text-primary:lab(7.07895% -1.73856 -13.4727);--text-secondary:lab(36.1487% -2.77171 -10.481);--text-muted:lab(59.377% -2.06485 -7.07911);--primary:lab(46.6457% -.178784 -60.0399);--primary-hover:lab(34.7681% 4.91266 -59.8148);--primary-light:lab(90.6662% -3.97822 -14.089);--accent:lab(64.7531% 24.381 45.5224);--border:lab(88.3915% -1.08966 -3.56903);--border-strong:lab(76.7788% -2.0988 -7.09569);--glass-bg:lab(98.8317% -1.09252 -3.57065/.8);--glass-border:lab(88.3915% -1.08966 -3.56903/.4);--glass-shadow:0 4px 24px -1px lab(7.07895% -1.73856 -13.4727/.04);--shadow-lg:0 20px 48px -12px lab(7.07895% -1.73856 -13.4727/.08)}}@media (prefers-color-scheme:dark){:root{--bg-primary:#030c17;--bg-secondary:#010610;--bg-premium:#020a15;--text-primary:#eaeff5;--text-secondary:#b4bfca;--text-muted:#69737d;--border:#162330;--border-strong:#2a3c4f;--glass-bg:#020a15cc;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px -4px #0003}@supports (color:lab(0% 0 0)){:root{--bg-primary:lab(2.98643% -.733465 -7.26174);--bg-secondary:lab(1.51202% -.292338 -4.92915);--bg-premium:lab(2.42099% -.5707 -6.43392);--text-primary:lab(94.1916% -1.09133 -3.56996);--text-secondary:lab(76.7788% -2.0988 -7.09569);--text-muted:lab(47.7753% -2.03165 -7.06356);--border:lab(12.9225% -2.26182 -10.321);--border-strong:lab(24.5005% -3.09053 -13.7813);--glass-bg:lab(2.42099% -.5707 -6.43392/.8);--glass-border:lab(100% 0 0/.1);--glass-shadow:0 8px 32px -4px lab(0% 0 0/.2)}}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-premium);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Public Sans,sans-serif;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1.1}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:var(--transition);padding:2.5rem;position:relative;overflow:hidden}.glass-panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-highlight{color:var(--primary);font-weight:800}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-primary)}.input-field{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);width:100%;transition:var(--transition);padding:.8rem 1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:none}@keyframes entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-entrance{animation:.8s cubic-bezier(.16,1,.3,1) forwards entrance}.navbar{z-index:100;background:oklch(from var(--bg-primary) l c h / 80%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.25rem 0;position:sticky;top:0}.nav-brand{color:var(--text-primary);letter-spacing:-.04em;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}
