*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#06060f;--color-bg-secondary:#0d0d1e;--color-bg-card:#ffffff0a;--color-bg-glass:#ffffff0f;--color-purple-primary:#7c3aed;--color-purple-light:#a78bfa;--color-purple-dark:#5b21b6;--color-blue-primary:#3b82f6;--color-blue-light:#93c5fd;--color-teal:#14b8a6;--color-pink:#ec4899;--color-amber:#f59e0b;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-text-accent:#a78bfa;--color-border:#ffffff14;--color-border-glow:#7c3aed66;--gradient-brand:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--gradient-brand-alt:linear-gradient(135deg, #ec4899 0%, #7c3aed 50%, #3b82f6 100%);--gradient-glow:radial-gradient(ellipse at center, #7c3aed4d 0%, transparent 70%);--gradient-subtle:linear-gradient(180deg, #7c3aed1a 0%, transparent 100%);--font-primary:"Plus Jakarta Sans", "Inter", sans-serif;--font-secondary:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-glow:0 0 40px #7c3aed40;--shadow-card:0 4px 32px #0006;--shadow-inset:inset 0 1px 0 #ffffff14;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-secondary);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-purple-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-purple-primary)}::selection{color:var(--color-text-primary);background:#7c3aed66}.loading-screen,.page-loader{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner,.loader-ring{border:3px solid var(--color-border);border-top-color:var(--color-purple-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}