:root{--bg-primary:#0a0e27;--bg-secondary:#111827;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-primary:#94a3b81a;--border-accent:#6366f14d;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#06b6d4;--accent-warm:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--max-w:75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0003;--shadow-glow:0 0 20px #6366f14d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d41a 0,#0000 50%),radial-gradient(at 0 100%,#6366f11a 0,#0000 50%);background-attachment:fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--primary);color:var(--text-primary)}main{max-width:var(--max-w);padding:var(--space-6);min-height:100vh;margin:0 auto}main>*+*{margin-top:var(--space-5)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg,var(--primary-light)0%,var(--accent)100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800}h2{color:var(--text-primary);margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.25rem)}h3{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:clamp(1.25rem,3vw,1.5rem)}p{color:var(--text-secondary);margin:0;line-height:1.7}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all .3s}.glass-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--border-accent);transform:translateY(-4px)}.btn{border-radius:var(--radius-md);letter-spacing:.025em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 30px #6366f166;transform:translateY(-2px)}.btn-outline{color:var(--primary-light);border:2px solid var(--primary);box-shadow:var(--shadow-sm);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.container{max-width:var(--max-w);padding-inline:var(--space-6);margin-inline:auto}.gradient-text{background:linear-gradient(135deg,var(--primary-light)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-spacing{padding:var(--space-8)0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}@media (max-width:768px){:root{--space-6:20px;--space-7:32px;--space-8:48px}main,.glass-card{padding:var(--space-5)}.btn{padding:12px 24px}}
