:root{--bg-primary: #020c06;--bg-secondary: #071a0e;--bg-card: #0a2014;--bg-card-hover: #0d2918;--accent: #10b981;--accent-dim: #059669;--accent-glow: rgba(16, 185, 129, .15);--accent-glow-strong: rgba(16, 185, 129, .3);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(16, 185, 129, .15);--border-hover: rgba(16, 185, 129, .4);--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(16,185,129,.06) 0%,transparent 60%),linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-header{margin-bottom:56px;text-align:center}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.section-tag:before,.section-tag:after{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);line-height:1.2}.section-title span,.accent{color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);border:1px solid var(--border);background:var(--accent-glow);color:var(--accent);white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-4px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-family:var(--font-sans)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#0d9e6e;transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover{background:var(--accent-glow);transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-section .reveal{opacity:0;animation:hero-fade-in .8s cubic-bezier(.4,0,.2,1) forwards}.hero-section .reveal.reveal-delay-1{animation-delay:.15s}.hero-section .reveal.reveal-delay-2{animation-delay:.3s}.hero-section .reveal.reveal-delay-3{animation-delay:.45s}.hero-section .reveal.reveal-delay-4{animation-delay:.6s}.hero-section .reveal.reveal-delay-5{animation-delay:.75s}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:.4}to{transform:scale(.9);opacity:.8}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}
