*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--green-400: #4ade80;--green-500: #22c55e;--amber-400: #fbbf24;--amber-500: #f59e0b;--red-400: #f87171;--red-500: #ef4444;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--rose-400: #fb7185;--rose-500: #f43f5e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--bg-base: #09090f;--bg-surface: #0f0f1a;--bg-card: #13131f;--bg-elevated:#1a1a2e;--border: rgba(255, 255, 255, .08);--border-med: rgba(255, 255, 255, .14);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--glow-indigo: 0 0 40px rgba(99, 102, 241, .25);--glow-violet: 0 0 40px rgba(139, 92, 246, .25);--max-width: 780px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-sans: "Inter", "Pretendard", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--indigo-400);text-decoration:none}a:hover{color:var(--indigo-300)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-700)}:focus-visible{outline:2px solid var(--indigo-500);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-fast{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes counter-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .5s ease forwards}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}.gradient-text{background:linear-gradient(135deg,var(--indigo-400) 0%,var(--violet-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#13131fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:.9375rem;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--indigo-600),var(--violet-600));color:#fff;padding:14px 28px;box-shadow:0 4px 20px #6366f159}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));box-shadow:0 6px 28px #6366f180;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 18px}.btn-ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary)}.progress-bar{width:100%;height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--indigo-500),var(--violet-500));border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.container{padding:0 16px}}