:root{--primary: #13ec5b;--primary-dark: #0ebc48;--bg: #102216;--surface: #1c3024;--text: #ffffff;--text-muted: #b0b0b0;--nav-bg: rgba(16, 34, 22, .8);--container-max: 1200px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.accent{color:var(--primary)}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav{height:80px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:900;font-size:1.5rem;color:var(--text);text-decoration:none}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary)}.hero{padding:160px 0 100px;background:radial-gradient(circle at top right,rgba(19,236,91,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(19,236,91,.05),transparent 30%);text-align:center}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--text-muted);max-width:600px;margin:0 auto 3rem}.hero-actions{display:flex;gap:1rem;justify-content:center}.btn{display:inline-block;padding:1rem 2rem;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:var(--font-heading)}.btn-primary{background-color:var(--primary);color:#102216}.btn-primary:hover{transform:scale(1.05);background-color:#fff}.btn-secondary{background-color:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background-color:#ffffff0d;border-color:var(--primary);color:var(--primary)}.features{padding:100px 0}.section-title{text-align:center;font-size:clamp(2rem,5vw,3rem);margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--surface);padding:3rem 2rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary)}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-muted)}.footer{padding:60px 0;border-top:1px solid rgba(255,255,255,.05);margin-top:100px}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted)}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--primary)}@media (max-width: 768px){.nav-links{display:none}.hero-actions{flex-direction:column}.footer-content{flex-direction:column;gap:2rem;text-align:center}}