*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;
--bg-card:rgba(255,255,255,.03);--bg-card-hover:rgba(255,255,255,.06);
--gradient-hero:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);
--gradient-accent:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
--gradient-accent-hover:linear-gradient(135deg,#764ba2 0%,#667eea 100%);
--gradient-success:linear-gradient(135deg,#00b894 0%,#00cec9 100%);
--gradient-danger:linear-gradient(135deg,#e17055 0%,#d63031 100%);
--accent-primary:#667eea;--accent-secondary:#764ba2;
--accent-success:#00b894;--accent-warning:#fdcb6e;--accent-danger:#e17055;--accent-info:#74b9ff;
--glow-primary:0 0 20px rgba(102,126,234,.4);--glow-success:0 0 20px rgba(0,184,148,.4);--glow-danger:0 0 20px rgba(225,112,85,.4);
--text-primary:#ffffff;--text-secondary:#a0a0b0;--text-muted:#6c6c80;
--glass-bg:rgba(255,255,255,.05);--glass-border:rgba(255,255,255,.1);--glass-blur:blur(20px);
--radius:16px;--radius-sm:8px;--radius-lg:24px;
--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);
--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;
--container:1200px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}
a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}
a:hover{color:var(--accent-secondary)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}
h1{font-size:clamp(1.8rem,5vw,3rem)}
h2{font-size:clamp(1.5rem,4vw,2.2rem)}
h3{font-size:clamp(1.2rem,3vw,1.5rem)}
p{color:var(--text-secondary)}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
::selection{background:var(--accent-primary);color:#fff}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg-secondary)}
::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}
:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}