@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Outfit:wght@400;700;900&display=swap";:root{--bg-base:#09090b;--bg-surface:#141417;--bg-elevated:#1c1c21;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-gold:#d4af37;--accent-gold-hover:#e5c358;--accent-gold-dim:#d4af3726;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}p{color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-title{text-align:center;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3rem;font-size:2.5rem;font-weight:900}.grid{gap:24px;display:grid}.btn{background:linear-gradient(135deg, var(--accent-gold) 0%, #b38b22 100%);color:#000;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px var(--accent-gold-dim);border:none;border-radius:6px;padding:16px 36px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:linear-gradient(135deg, var(--accent-gold-hover) 0%, var(--accent-gold) 100%);transform:translateY(-2px);box-shadow:0 8px 30px #d4af374d}.btn-large{width:100%;max-width:300px;padding:20px 48px;font-size:1.25rem}.hero{text-align:center;background:radial-gradient(circle at top center, #1a1a20 0%, var(--bg-base) 80%);border-bottom:1px solid #ffffff0d;align-items:center;min-height:90vh;display:flex}.hero-container{max-width:800px}.hero-title{background:linear-gradient(to bottom right,#fff,#a1a1aa);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(3.5rem,8vw,6rem);font-weight:900}.hero-subtitle{color:var(--accent-gold);margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}.hero-description{margin:0 auto 3rem;font-size:1.25rem}.features{background-color:var(--bg-base)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background-color:var(--bg-surface);text-align:center;font-weight:600;font-family:var(--font-heading);transition:var(--transition-smooth);border:1px solid #ffffff08;border-radius:12px;justify-content:center;align-items:center;height:140px;padding:30px;font-size:1.25rem;display:flex}.feature-card:hover{background-color:var(--bg-elevated);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.how-it-works{background-color:var(--bg-surface)}.steps-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.step{background:var(--bg-base);border:1px solid var(--accent-gold);color:var(--accent-gold);font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px var(--accent-gold-dim);border-radius:40px;padding:16px 30px;font-size:1rem}.step-arrow{color:var(--text-secondary);font-size:1.5rem}.xp-system{background-color:var(--bg-base)}.xp-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.xp-card{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-base) 100%);text-align:center;transition:var(--transition-smooth);border:1px solid #d4af3733;border-radius:16px;padding:40px 20px}.xp-card:hover{border-color:var(--accent-gold);box-shadow:0 10px 30px var(--accent-gold-dim);transform:translateY(-5px)}.xp-card h3{color:var(--text-secondary);margin-bottom:15px;font-size:1.25rem;font-weight:400}.xp-value{font-family:var(--font-heading);color:var(--accent-gold);font-size:2.75rem;font-weight:900}.what-you-get{background-color:var(--bg-surface)}.get-list{background:var(--bg-base);border:1px solid #ffffff0d;border-radius:16px;max-width:600px;margin:0 auto;padding:40px;list-style:none}.get-list li{border-bottom:1px solid #ffffff0d;align-items:center;padding:16px 0;font-size:1.2rem;display:flex}.get-list li:last-child{border-bottom:none}.get-list li:before{content:"✦";color:var(--accent-gold);margin-right:16px;font-size:1.2rem}.pricing{background:radial-gradient(circle at center, #1a1a20 0%, var(--bg-base) 100%);position:relative}.pricing:before{content:"";z-index:0;background:url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.03)\"/></svg>");position:absolute;inset:0}.pricing .container{z-index:1;position:relative}.pricing-card{background:var(--bg-elevated);border:1px solid var(--accent-gold);text-align:center;max-width:500px;box-shadow:0 20px 50px #0009, 0 0 50px var(--accent-gold-dim);border-radius:20px;margin:0 auto;padding:60px 40px}.pricing-title{margin-bottom:5px;font-size:2.5rem}.pricing-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:1.2rem}.price{font-family:var(--font-heading);color:var(--accent-gold);margin-bottom:10px;font-size:4.5rem;font-weight:900;line-height:1}.pricing-info{color:var(--text-secondary);margin-bottom:40px;font-size:1rem}.faq{background-color:var(--bg-base)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-surface);border-left:4px solid var(--accent-gold);transition:var(--transition-smooth);border-radius:12px;margin-bottom:16px;padding:24px 30px}.faq-item:hover{background:var(--bg-elevated)}.faq-item h3{color:#fff;margin-bottom:12px;font-size:1.25rem}.footer{background-color:var(--bg-surface);text-align:center;border-top:1px solid #ffffff0d;padding:80px 0 40px}.footer-title{color:var(--text-primary);margin-bottom:10px;font-size:2rem}.footer-motto{color:var(--accent-gold);margin-bottom:40px;font-size:1.1rem;font-style:italic}.footer-copy{color:var(--text-secondary);font-size:.9rem}@media (width<=768px){.section{padding:60px 0}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.pricing-card{padding:40px 20px}}