*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--card: #141414;--card2: #1a1a1a;--fg: #f2f2f2;--fg-muted: #a0a0a0;--border: #2e2e2e;--primary: hsl(0,72%,51%);--secondary: hsl(25,95%,53%);--accent: hsl(280,89%,60%);--radius: .75rem;--font-head: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);text-wrap:balance}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}svg{vertical-align:middle}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg,#ef4444,#a855f7,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#ef4444,#a855f7,#f97316)}.text-center{text-align:center}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#ef4444,#a855f7,#f97316);color:#fff;box-shadow:0 0 20px #ef444459,0 0 40px #a855f726}.btn-primary:hover{opacity:.88}.btn-outline{background:transparent;color:var(--fg);border:1.5px solid rgba(239,68,68,.5)}.btn-outline:hover{background:#ef44441a}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card:hover{box-shadow:0 8px 30px #ef444426}.icon-box{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(135deg,#ef4444,#a855f7,#f97316);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px #ef444466}.icon-box svg{width:1.4rem;height:1.4rem;color:#fff;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-primary{background:linear-gradient(135deg,#ef4444,#a855f7,#f97316);color:#fff}.badge-secondary{background:var(--card2);color:var(--fg-muted)}.badge-outline{border:1px solid var(--border);color:var(--fg-muted)}section{padding:5rem 0}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.section-sub{font-size:1.1rem;color:var(--fg-muted);max-width:36rem;margin:0 auto 3.5rem}.section-divider{margin:4rem 0 2.5rem;display:flex;align-items:center;gap:1rem}.section-divider h2{font-size:1.75rem;font-weight:800}.neon-glow{box-shadow:0 0 20px #ef444466,0 0 40px #a855f733;animation:neonGlow 2s ease-in-out infinite alternate}.neon-text{text-shadow:0 0 10px rgba(239,68,68,.5),0 0 20px rgba(168,85,247,.3);animation:neonFlicker 3s ease-in-out infinite}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--card2);border:1px solid var(--border);color:var(--fg);padding:.75rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;z-index:9999;box-shadow:0 8px 30px #0006;pointer-events:none}@media (max-width:768px){section{padding:3.5rem 0}}@keyframes neonGlow{0%{box-shadow:0 0 20px #ef444466,0 0 40px #a855f733}to{box-shadow:0 0 30px #ef4444a6,0 0 60px #a855f766}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px rgba(239,68,68,.5),0 0 20px rgba(168,85,247,.3)}20%,24%,55%{text-shadow:0 0 5px rgba(239,68,68,.3),0 0 10px rgba(168,85,247,.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .6s ease both}.animate-slide-l{animation:slideLeft .5s ease both}.animate-slide-r{animation:slideRight .5s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.spinner{animation:spin .8s linear infinite}