.particle-canvas{z-index:0;pointer-events:none;contain:strict;position:absolute;inset:0}
.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-grid{background-image:linear-gradient(#6c5ce70f 1px,#0000 1px),linear-gradient(90deg,#6c5ce70f 1px,#0000 1px);background-size:60px 60px;animation:8s ease-in-out infinite gridPulse;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 65%);mask-image:radial-gradient(#000 20%,#0000 65%)}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-glow{filter:blur(120px);will-change:transform;border-radius:50%;animation:10s ease-in-out infinite glowFloat;position:absolute}.hero-glow-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;width:700px;height:700px;top:-250px;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(circle, var(--gradient-end) 0%, transparent 70%);opacity:.1;width:500px;height:500px;animation-delay:-3s;bottom:-150px;right:-100px}.hero-glow-3{opacity:.06;background:radial-gradient(circle,#e44dff 0%,#0000 70%);width:400px;height:400px;animation-delay:-6s;bottom:10%;left:-100px}@keyframes glowFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-orb{will-change:transform;border:1px solid #6c5ce726;border-radius:50%;animation:20s linear infinite orbRotate;position:absolute}.hero-orb-1{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orb-2{border-color:#00cec914;width:700px;height:700px;animation-duration:30s;animation-direction:reverse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-content{z-index:1;text-align:center;max-width:900px;padding:80px 24px;position:relative}.hero-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--accent-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6c5ce714;border:1px solid #6c5ce733;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent-light);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 #a29bfe66}50%{opacity:.6;box-shadow:0 0 0 6px #a29bfe00}}.hero-title{letter-spacing:-2px;margin-bottom:28px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.hero-swap-wrapper{text-align:center;min-width:280px;display:inline-block}.hero-gradient-text{background:linear-gradient(135deg, var(--gradient-start), #a29bfe, var(--gradient-end));-webkit-text-fill-color:transparent;will-change:background-position;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift;display:inline-block}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-description{color:var(--text-secondary);max-width:700px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-lg{border-radius:10px;padding:14px 32px;font-size:16px}.btn-glow{box-shadow:0 0 20px var(--accent-glow);transition:all .3s;position:relative;overflow:hidden}.btn-glow:before{content:"";background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;animation:4s ease-in-out infinite btnShine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes btnShine{0%,to{transform:rotate(45deg)translate(-100%)}50%{transform:rotate(45deg)translate(100%)}}.btn-glow:hover{box-shadow:0 0 40px var(--accent-glow), 0 0 80px #6c5ce726;transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0;transition:all .3s}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--border-light);transform:translateY(-1px)}.hero-scroll-indicator{z-index:2;border:2px solid #a29bfe4d;border-radius:12px;justify-content:center;width:24px;height:40px;padding-top:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-dot{background:var(--accent-light);border-radius:2px;width:4px;height:8px}@media (max-width:768px){.hero-content{padding:60px 16px}.hero-description{font-size:16px}.hero-title{letter-spacing:-1px}.hero-swap-wrapper{min-width:180px}.hero-scroll-indicator,.hero-orb{display:none}}