*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-accent-pink: #ec4899;--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-success: #10b981}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--color-accent-pink);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f472b6}*{scrollbar-width:thin;scrollbar-color:var(--color-accent-pink) #000000}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{min-height:100vh;display:flex;align-items:center;background:#000;position:relative;padding:80px 0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(26,35,50,.1) 0%,transparent 50%);pointer-events:none}.hero .container{position:relative;z-index:1;text-align:center}.success-badge{display:inline-flex;align-items:center;gap:8px;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:8px 16px;border-radius:50px;font-size:14px;color:var(--color-success);margin-bottom:32px;animation:fadeInDown .6s ease-out}.badge-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;animation:fadeInUp .8s ease-out}.gradient-text-pink{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:40px;animation:fadeInUp 1s ease-out}.input-container{max-width:600px;margin:0 auto 40px;animation:fadeInUp 1.2s ease-out}.input-group{display:flex;gap:12px;transition:all .3s ease}.username-input{flex:1;padding:16px 24px;background:#0d0d0dcc;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--color-text-primary);font-size:16px;outline:none;transition:all .3s ease}.username-input:focus{border-color:var(--color-accent-pink);background:#0d0d0df2}.username-input::placeholder{color:var(--color-text-secondary)}.cta-button{padding:16px 32px;background:var(--color-accent-pink);color:var(--color-text-primary);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cta-button:hover{background:#f472b6;transform:translateY(-2px);box-shadow:0 8px 20px #ec489966}.captcha-container{margin-top:20px;padding:24px;background:#0d0d0dcc;border:1px solid rgba(255,255,255,.08);border-radius:8px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trust-indicators{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;animation:fadeInUp 1.4s ease-out}.trust-item{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:14px}.trust-icon{width:20px;height:20px;color:var(--color-success)}.quick-start{padding:100px 0;background:#000}.section-title{text-align:center;font-size:36px;font-weight:600;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.step-card{background:#0d0d0d99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s ease;position:relative}.step-card:hover{transform:translateY(-8px);border-color:var(--color-accent-pink);box-shadow:0 12px 30px #ec489926}.step-number{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-accent-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.step-icon{width:64px;height:64px;color:var(--color-accent-pink);margin-bottom:24px}.step-title{font-size:24px;font-weight:600;margin-bottom:12px}.step-description{color:var(--color-text-secondary);font-size:16px}.earnings-calculator{padding:100px 0;background:#000}.calculator-card{max-width:600px;margin:0 auto;background:#0d0d0d66;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-header{padding:48px 32px;text-align:center;background:#0d0d0d80}.calculator-title{font-size:20px;color:var(--color-text-secondary);margin-bottom:16px}.earnings-amount{font-size:64px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.earnings-subtitle{color:var(--color-text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:32px;gap:24px}.stat-item{text-align:center}.stat-icon{width:32px;height:32px;color:var(--color-accent-pink);margin-bottom:12px}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px;color:var(--color-text-secondary)}.testimonials{padding:100px 0;background:#000}.testimonials-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.testimonial-card{background:#0d0d0d99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);border-color:var(--color-accent-pink)}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-accent-pink);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.avatar-initials{display:none}.testimonial-author{flex:1}.author-name{font-weight:600;margin-bottom:4px}.star-rating{color:#fbbf24;font-size:14px}.testimonial-text{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.footer{padding:40px 0;background:#000;text-align:center;color:var(--color-text-secondary);font-size:14px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:36px}.input-group{flex-direction:column}.trust-indicators{flex-direction:column;align-items:center;gap:16px}.steps-grid,.stats-grid,.testimonials-scroll{grid-template-columns:1fr}.earnings-amount{font-size:48px}}@media(max-width:480px){.hero-title,.section-title{font-size:28px}}.theme-toggle{position:fixed;top:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:#fff3;transform:scale(1.1)}.theme-toggle svg{width:24px;height:24px;stroke:#fff;transition:all .3s ease}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}body.light-mode{background:#fff;color:#000}body.light-mode .theme-toggle{background:#0000001a;border-color:#0003}body.light-mode .theme-toggle:hover{background:#0003}body.light-mode .theme-toggle svg{stroke:#000}body.light-mode .theme-toggle .sun-icon{display:block}body.light-mode .theme-toggle .moon-icon{display:none}body.light-mode .hero{background:#fff}body.light-mode .hero-title,body.light-mode .hero-subtitle,body.light-mode .section-title{color:#000}body.light-mode .success-badge{background:#0000001a;color:#000}body.light-mode .badge-dot{background:#10b981}body.light-mode .trust-item span,body.light-mode .step-description,body.light-mode .testimonial-text,body.light-mode .earnings-subtitle,body.light-mode .stat-label{color:#333}body.light-mode .trust-icon,body.light-mode .step-icon,body.light-mode .stat-icon{stroke:#000}body.light-mode .username-input{background:#f5f5f5;border-color:#e0e0e0;color:#000}body.light-mode .username-input::placeholder{color:#666}body.light-mode .step-card,body.light-mode .calculator-card,body.light-mode .testimonial-card{background:#f9f9f9;border-color:#e0e0e0}body.light-mode .step-number{background:#0000001a;color:#000}body.light-mode .calculator-title,body.light-mode .earnings-amount,body.light-mode .stat-value,body.light-mode .step-title,body.light-mode .author-name{color:#000}body.light-mode .footer{background:#f5f5f5;color:#000}body.light-mode .quick-start,body.light-mode .earnings-calculator,body.light-mode .testimonials{background:#fff}body.light-mode .star-rating{color:#fbbf24}
