@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
html,body{max-width:100vw;overflow-x:hidden}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--accent-primary:#7c7cf8;--accent-secondary:#7c7cf8;--accent-gradient:#7c7cf8;--border-color:#e2e8f0;--card-bg:#fff;--card-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--card-hover-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--navbar-bg:#f8fafcd9;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--glow-color:#7c7cf826;--orb-opacity:.4;--grid-opacity:.15;--hero-overlay:#f8fafc4d}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#6b7280;--text-muted:#4b5563;--accent-primary:#7c7cf8;--accent-secondary:#7c7cf8;--accent-gradient:#7c7cf8;--border-color:#2d2d3a;--card-bg:#16161f;--card-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--card-hover-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--navbar-bg:#0a0a0fd9;--glow-color:#7c7cf833;--orb-opacity:.3;--grid-opacity:.3;--hero-overlay:#0a0a0f80}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}@media (pointer:fine){*,:before,:after{cursor:none!important}}code,pre,.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-title{color:var(--accent-primary);margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1.125rem}.btn{border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c7cf84d}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:24px;transition:all .3s}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-4px)}.tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:4px 12px;font-size:.875rem;font-weight:500;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes flipIn{0%{opacity:0;transform:perspective(1000px)rotateY(-90deg)}to{opacity:1;transform:perspective(1000px)rotateY(0)}}@keyframes float3d{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-10px)rotateX(2deg)rotateY(2deg)}50%{transform:translateY(-20px)rotateX(0)rotateY(-2deg)}75%{transform:translateY(-10px)rotateX(-2deg)rotateY(2deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #7c7cf84d}50%{box-shadow:0 0 40px #7c7cf899}}@keyframes scaleBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-fadeIn{animation:.6s forwards fadeIn}.animate-slideInLeft{animation:.6s forwards slideInLeft}.animate-flipIn{animation:.6s forwards flipIn}.animate-float3d{animation:6s ease-in-out infinite float3d}.animate-glowPulse{animation:2s ease-in-out infinite glowPulse}.text-gradient{color:var(--accent-primary)}.glass{background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)}.preserve-3d{transform-style:preserve-3d}.perspective-1000{perspective:1000px}.backface-hidden{backface-visibility:hidden}.shimmer{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:1.5s infinite shimmer}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:768px){.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 16px}body,a,button,input,textarea,select,[role=button]{cursor:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}