:root{color-scheme:dark;--bg-base: #00050b;--bg-deep: #000308;--text: #e8fbff;--cyan-bright: #00d2ff;--cyan-mid: #005b94;--accent-gold: #ffc300;--accent-coral: #ff5733;--accent-lime: #76b900;--accent-purple: #6b3fa0;--font-sans: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{font-size:106.25%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);background:var(--bg-deep);background-image:radial-gradient(ellipse 140% 100% at 50% 0%,#001520 0%,var(--bg-deep) 55%);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.hero{position:relative;isolation:isolate;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,3rem);overflow:hidden}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-base)}.hero__stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85;background-image:radial-gradient(1px 1px at 8% 12%,rgba(224,252,255,.95),transparent),radial-gradient(1px 1px at 22% 8%,rgba(0,210,255,.75),transparent),radial-gradient(1px 1px at 31% 24%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 44% 6%,rgba(0,210,255,.5),transparent),radial-gradient(1px 1px at 52% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 61% 11%,rgba(0,210,255,.45),transparent),radial-gradient(1px 1px at 73% 22%,rgba(224,252,255,.85),transparent),radial-gradient(1px 1px at 84% 9%,rgba(0,210,255,.65),transparent),radial-gradient(1px 1px at 92% 16%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 38%,rgba(0,210,255,.4),transparent),radial-gradient(1px 1px at 28% 44%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 39% 33%,rgba(224,252,255,.75),transparent),radial-gradient(1px 1px at 48% 41%,rgba(0,210,255,.35),transparent),radial-gradient(1px 1px at 58% 36%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 67% 48%,rgba(0,210,255,.5),transparent),radial-gradient(1px 1px at 76% 39%,rgba(224,252,255,.65),transparent),radial-gradient(1px 1px at 88% 42%,rgba(0,210,255,.55),transparent),radial-gradient(1px 1px at 11% 58%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 24% 62%,rgba(0,210,255,.45),transparent),radial-gradient(1px 1px at 36% 55%,rgba(224,252,255,.7),transparent),radial-gradient(1px 1px at 47% 68%,rgba(0,210,255,.35),transparent),radial-gradient(1px 1px at 55% 58%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 64% 72%,rgba(0,210,255,.5),transparent),radial-gradient(1px 1px at 72% 61%,rgba(224,252,255,.55),transparent),radial-gradient(1px 1px at 81% 54%,rgba(0,210,255,.4),transparent),radial-gradient(1px 1px at 93% 63%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 18% 78%,rgba(0,210,255,.45),transparent),radial-gradient(1px 1px at 33% 84%,rgba(224,252,255,.6),transparent),radial-gradient(1px 1px at 42% 76%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 51% 88%,rgba(0,210,255,.5),transparent),radial-gradient(1px 1px at 60% 81%,rgba(224,252,255,.75),transparent),radial-gradient(1px 1px at 69% 90%,rgba(0,210,255,.4),transparent),radial-gradient(1px 1px at 78% 79%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 87% 86%,rgba(0,210,255,.55),transparent),radial-gradient(1px 1px at 95% 78%,rgba(224,252,255,.5),transparent),radial-gradient(1px 1px at 5% 52%,rgba(0,210,255,.35),transparent),radial-gradient(1px 1px at 96% 44%,rgba(255,255,255,.45),transparent)}.hero__nebula{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(ellipse 55% 45% at 50% 42%,rgba(0,91,148,.35),transparent 62%),radial-gradient(ellipse 40% 35% at 72% 28%,rgba(107,63,160,.12),transparent 55%),radial-gradient(ellipse 35% 30% at 22% 65%,rgba(0,210,255,.08),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(0,5,11,.9),transparent 45%);pointer-events:none}.hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1rem,3vw,1.5rem)}.hero__mango-wrap{width:min(200px,52vw);max-width:100%;animation:hero-fade-up 1s ease-out .05s both}.hero__mango{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:4px;filter:drop-shadow(0 0 14px rgba(0,210,255,.55)) drop-shadow(0 0 36px rgba(0,210,255,.28)) drop-shadow(0 0 72px rgba(0,91,148,.35));animation:mango-pulse 4.5s ease-in-out infinite}.hero__line{margin:0;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-shadow:0 0 18px rgba(0,210,255,.45),0 0 42px rgba(0,91,148,.35),0 0 72px rgba(0,210,255,.12)}.hero__line--1{font-size:clamp(1.65rem,5.5vw,2.35rem);animation:hero-fade-up 1.1s ease-out .35s both}.hero__line--2{font-size:clamp(1.35rem,4.8vw,1.95rem);font-weight:600;color:var(--accent-gold);letter-spacing:.22em;text-shadow:0 0 16px rgba(255,195,0,.4),0 0 36px rgba(255,87,51,.2),0 0 48px rgba(0,210,255,.15);animation:hero-fade-up 1.1s ease-out .65s both}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mango-pulse{0%,to{filter:drop-shadow(0 0 14px rgba(0,210,255,.55)) drop-shadow(0 0 36px rgba(0,210,255,.28)) drop-shadow(0 0 72px rgba(0,91,148,.35));transform:scale(1)}50%{filter:drop-shadow(0 0 22px rgba(0,210,255,.75)) drop-shadow(0 0 48px rgba(0,210,255,.38)) drop-shadow(0 0 88px rgba(0,210,255,.2));transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.hero__mango-wrap,.hero__line--1,.hero__line--2{animation:none;opacity:1;transform:none}.hero__mango{animation:none;transform:none}}