:root{--color-background:#fafafa;--color-surface:#f5f6f8;--color-primary:#0f172a;--color-primary-dark:#020617;--color-primary-light:#1e293b;--color-secondary:#475569;--color-text:#0f172a;--color-text-light:#475569;--color-text-muted:#64748b;--color-border:#d1d5db;--color-accent:#6366f1;--color-accent-gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--color-accent-hover:#4f46e5;--color-ring:#6366f1;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-hero:linear-gradient(135deg,#6366f114 0%,#8b5cf614 100%);--font-primary:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-h1:3.25rem;--font-size-h2:2.25rem;--font-size-h3:1.875rem;--font-size-h4:1.5rem;--font-size-body:1.0625rem;--font-size-small:.9375rem;--line-height-tight:1.25;--line-height-normal:1.65;--line-height-relaxed:1.75;--letter-spacing-tight:-.015em;--letter-spacing-normal:0;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-normal:400;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--shadow-sm:0 1px 3px 0 #0000001f,0 1px 2px -1px #0000001f;--shadow-md:0 4px 6px -1px #0000001f,0 2px 4px -2px #0000001f;--shadow-lg:0 10px 15px -3px #00000026,0 4px 6px -4px #0000001f;--shadow-xl:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001f;--shadow-2xl:0 25px 50px -12px #0000004d;--shadow-accent:0 10px 40px -10px #6366f180;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-bounce:.6s cubic-bezier(.68,-.55,.265,1.55);--card-background:#fff;--border-color:#e0e0e0;--text-primary:#0f172a;--text-secondary:#64748b;--hover-background:#f5f5f5;--primary-color:#6366f1;--primary-hover:#4f46e5;--error-color:#e74c3c;--error-hover:#c0392b;--error-background:#fee;--success-color:#27ae60;--disabled-background:#ccc;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1280px}[data-theme=dark]{--color-background:#0a0e27;--color-surface:#1a1f3a;--color-primary:#f8fafc;--color-primary-dark:#cbd5e1;--color-primary-light:#fff;--color-secondary:#cbd5e1;--color-text:#f8fafc;--color-text-light:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#2d3748;--color-accent:#818cf8;--color-accent-gradient:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);--color-accent-hover:#a5b4fc;--color-ring:#818cf8;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-hero:linear-gradient(135deg,#818cf81a 0%,#a78bfa1a 100%);--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #00000080;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-accent:0 10px 40px -10px #818cf880;--card-background:#1a1f3a;--border-color:#2d3748;--text-primary:#f8fafc;--text-secondary:#94a3b8;--hover-background:#2d3748;--primary-color:#818cf8;--primary-hover:#a5b4fc;--error-color:#ef4444;--error-hover:#dc2626;--error-background:#7f1d1d;--success-color:#10b981;--disabled-background:#4b5563}
*{box-sizing:border-box;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-primary);margin-bottom:.5em}h1{font-weight:var(--font-weight-bold);letter-spacing:-.02em}h2{font-weight:var(--font-weight-bold);letter-spacing:-.015em}h3{font-weight:var(--font-weight-semibold);letter-spacing:-.01em}h4{font-weight:var(--font-weight-semibold);letter-spacing:0}p{font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-gradient);color:var(--color-background)}a{color:var(--color-accent);transition:all var(--transition-base);text-decoration:none;position:relative}a:hover{color:var(--color-accent-hover)}a:after{content:"";background:var(--color-accent-gradient);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}
.theme-transition{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}}