:root{--bg: #07060f;--bg-2: #0d0b1e;--ink: #ece9ff;--muted: #a39fc7;--violet: #8b5cf6;--indigo: #818cf8;--pink: #ec4899;--cyan: #22d3ee;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09)}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(120% 120% at 50% 0%,var(--bg-2) 0%,var(--bg) 55%);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.aurora{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 35% at 20% 15%,rgba(139,92,246,.28),transparent 60%),radial-gradient(35% 30% at 85% 20%,rgba(34,211,238,.18),transparent 60%),radial-gradient(40% 40% at 70% 80%,rgba(236,72,153,.18),transparent 60%);filter:blur(20px);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}header,main,footer{position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,64px);max-width:1200px;margin:0 auto}.brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand-mark{color:var(--violet);margin-right:6px}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--ink)}.hero{max-width:880px;margin:clamp(60px,12vh,130px) auto 0;padding:0 clamp(20px,5vw,64px);text-align:center;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;padding:7px 16px;border:1px solid var(--border);border-radius:999px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem;letter-spacing:.04em;color:var(--muted);margin-bottom:28px}.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:-.03em;font-weight:800}.grad{background:linear-gradient(110deg,var(--indigo),var(--violet) 40%,var(--pink) 75%,var(--cyan));background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:250% center}}.lede{margin:26px auto 0;max-width:620px;font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--muted);line-height:1.6}.cta-row{margin-top:38px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{padding:13px 26px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.98rem;transition:transform .18s,box-shadow .18s,background .18s}.btn.primary{color:#fff;background:linear-gradient(110deg,var(--violet),var(--indigo));box-shadow:0 10px 30px -8px #8b5cf699}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -8px #8b5cf6bf}.btn.ghost{color:var(--ink);border:1px solid var(--border);background:var(--card)}.btn.ghost:hover{transform:translateY(-2px);border-color:var(--violet)}.stats{max-width:1000px;margin:clamp(70px,12vh,130px) auto 0;padding:0 clamp(20px,5vw,64px);display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{text-align:center;padding:28px 16px;border:1px solid var(--border);border-radius:18px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-num{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(110deg,var(--indigo),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{margin-top:8px;font-size:.86rem;color:var(--muted)}.pillars{max-width:1100px;margin:clamp(80px,14vh,150px) auto 0;padding:0 clamp(20px,5vw,64px);text-align:center}.pillars h2,.join h2{font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.02em;font-weight:800}.section-sub{margin:14px auto 0;color:var(--muted);max-width:540px}.grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;text-align:left;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%),rgba(139,92,246,.18),transparent 60%);opacity:0;transition:opacity .3s}.card:hover{border-color:#8b5cf680}.card:hover:before{opacity:1}.card-icon{font-size:2rem;margin-bottom:14px}.card h3{font-size:1.2rem;margin-bottom:8px;letter-spacing:-.01em}.card p{color:var(--muted);line-height:1.6;font-size:.95rem}.join{max-width:1100px;margin:clamp(80px,14vh,150px) auto 0;padding:0 clamp(20px,5vw,64px)}.join-card{text-align:center;padding:clamp(40px,7vw,72px);border:1px solid var(--border);border-radius:28px;background:linear-gradient(160deg,#8b5cf624,#22d3ee0f),var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-card p{margin:16px auto 32px;max-width:540px;color:var(--muted);line-height:1.65}.footer{text-align:center;padding:70px 20px 50px;color:var(--muted);font-size:.88rem}@media (max-width: 820px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.nav-links{display:none}}
