@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fdfdfd;--bg-card-hover:#f1f3f5;--bg-elevated:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-primary:#6c63ff;--accent-secondary:#ff6584;--accent-tertiary:#43e97b;--accent-blue:#00d2ff;--gradient-hero:linear-gradient(135deg,#6c63ff 0%,#00d2ff 50%,#43e97b 100%);--gradient-card:linear-gradient(145deg,#6c63ff0a,#00d2ff05);--gradient-button:linear-gradient(135deg,#6c63ff 0%,#00d2ff 100%);--gradient-glow:radial-gradient(ellipse at center,#6c63ff1a 0%,transparent 70%);--border-color:#00000014;--border-active:#6c63ff80;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 20px 60px #0000001f;--shadow-glow:0 0 40px #6c63ff26;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-elevated:#16213e;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b80;--gradient-card:linear-gradient(145deg,#6c63ff14,#00d2ff0a);--gradient-glow:radial-gradient(ellipse at center,#6c63ff26 0%,transparent 70%);--border-color:#ffffff0f;--border-active:#6c63ff66;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 30px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 40px #6c63ff33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-button);color:#fff;border-radius:var(--radius-xl);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff80}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-primary);background:#6c63ff14}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes subtleGlow{0%{transform:scale(1);box-shadow:0 0 5px #ffb70033}to{transform:scale(1.02);box-shadow:0 0 15px #ffb70099}}