@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;700;800&display=swap";:root{--primary-glow: conic-gradient(from 180deg at 50% 50%, #2a8af633 0deg, #a855f733 55deg, #ec489933 120deg, #2a8af633 160deg, transparent 360deg);--bg-color: #05050a;--bg-gradient: radial-gradient(circle at 50% 0%, #1a1a2e 0%, #05050a 70%);--accent-primary: #3b82f6;--accent-secondary: #a855f7;--accent-tertiary: #ec4899;--text-main: #ffffff;--text-primary-glow: #e2e8f0;--text-muted: #94a3b8;--glass-bg: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--glass-highlight: rgba(255, 255, 255, .05);--card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .7);--neon-glow: 0 0 20px rgba(59, 130, 246, .3), 0 0 40px rgba(168, 85, 247, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.6}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.bg-blobs:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.blob{position:absolute;filter:blur(90px);border-radius:50%;opacity:.6;animation:float 25s infinite alternate ease-in-out}.blob-1{width:600px;height:600px;top:-15%;left:-10%;background:radial-gradient(circle,var(--accent-secondary),transparent 60%);animation-delay:0s}.blob-2{width:500px;height:500px;bottom:-20%;right:-5%;background:radial-gradient(circle,var(--accent-primary),transparent 60%);animation-duration:20s;animation-direction:alternate-reverse}.blob-3{width:400px;height:400px;top:30%;left:40%;background:radial-gradient(circle,rgba(236,72,153,.4),transparent 60%);animation-duration:30s;opacity:.4}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-50px) scale(1.1) rotate(10deg)}66%{transform:translate(-30px,40px) scale(.9) rotate(-5deg)}to{transform:translate(80px,20px) scale(1.2) rotate(15deg)}}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,8vw,5.5rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#b4c6db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;letter-spacing:-1px;word-break:break-word}.text-gradient{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}p{color:var(--text-muted);font-size:1.15rem;max-width:600px}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border:none;border-radius:14px;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f666;z-index:1}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-tertiary) 100%);z-index:-1;transition:opacity .3s ease;opacity:0}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #a855f780}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(1px)}.btn-glass{padding:13px 30px;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:1.05rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.announcement-bar{background:#3b82f61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);padding:10px 20px;border-radius:99px;text-align:center;margin-bottom:4rem;font-size:.9rem;font-weight:600;letter-spacing:1px;color:var(--text-primary-glow);box-shadow:0 0 20px #3b82f61a;animation:fadeInDown .8s ease-out}.announcement-bar b{color:var(--accent-primary);text-shadow:0 0 10px rgba(59,130,246,.5)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-container{max-width:1280px;margin:0 auto;padding:2rem 5%;position:relative}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-top:1rem}.logo{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:800;background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.logo:before{content:"";display:inline-block;width:24px;height:24px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:6px;transform:rotate(15deg)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}@media(max-width:968px){.hero{grid-template-columns:1fr;text-align:center;gap:3rem}header{margin-bottom:3rem}p{margin:0 auto}.hero-content div{justify-content:center}}.presale-card{padding:3rem 2.5rem;display:flex;flex-direction:column;gap:2.5rem;box-shadow:var(--card-shadow),var(--neon-glow);transform:translateZ(0)}.presale-header{position:relative}#progressText{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;letter-spacing:.5px;text-align:right;color:var(--text-primary-glow)}.progress-container{width:100%}.progress-bar-bg{width:100%;height:14px;background:#0006;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #00000080}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));background-size:200% auto;animation:shine 3s linear infinite;box-shadow:0 0 15px #a855f799;transition:width 1.5s cubic-bezier(.25,1,.5,1);border-radius:12px;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2) 0%,transparent 100%)}.info-item{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.info-item .label{color:var(--text-muted);font-size:.95rem;font-weight:500}.info-item .value{font-weight:700;font-size:1.1rem;color:#fff}.buy-form{display:flex;flex-direction:column;gap:1.25rem;background:#0003;padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.benefit-tag{background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid rgba(168,85,247,.3);padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;color:var(--accent-tertiary);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #a855f71a}.input-group{position:relative;margin:.5rem 0}.buy-input{width:100%;padding:18px 20px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1.25rem;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit;box-shadow:inset 0 2px 5px #0003}.buy-input:focus{border-color:var(--accent-secondary);background:#00000080;box-shadow:inset 0 2px 5px #0003,0 0 15px #a855f733}.buy-input::placeholder{color:#fff3}.input-suffix{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--accent-primary);font-size:1.1rem;background:#3b82f61a;padding:4px 10px;border-radius:8px}#statusMessage{padding:10px;border-radius:8px;background:#3b82f61a;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}footer{margin-top:8rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);text-align:center;position:relative;z-index:10}footer p{font-size:.95rem;margin:0 auto}.referral-section{padding:3rem;margin-bottom:4rem}.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.referral-info h2{font-family:Space Grotesk,sans-serif;font-size:2.5rem;margin-bottom:1rem}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:1.5rem;border-radius:18px;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.referral-link-container{display:flex;flex-direction:column;gap:1rem;background:#0003;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.copy-group{display:flex;gap:10px}.copy-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;color:var(--text-muted);font-size:.9rem;font-family:inherit;outline:none}@media(max-width:968px){.referral-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.referral-info p{margin:0 auto}.referral-stats{justify-content:center}}@media(max-width:640px){.app-container{padding:1.5rem 4%}.presale-card,.referral-section{padding:2rem 1.5rem}.referral-stats{grid-template-columns:1fr}.copy-group{flex-direction:column}.copy-input{width:100%;margin-bottom:.5rem}.logo{font-size:1.4rem}.hero-content div{flex-direction:column;gap:.75rem;align-items:center}.btn-primary,.btn-glass{width:100%;max-width:280px;padding:12px 20px;font-size:.95rem}.announcement-bar{margin-bottom:2rem;padding:8px 15px;font-size:.8rem}}