:root{--green: #00e676;--green-bright: #00ff88;--green-foliage: #43a047;--orange: #ff9800;--orange-fire: #ff6d00;--blue-sky: #29b6f6;--blue-deep: #1565c0;--yellow-sun: #ffc107;--pink: #ec407a;--teal: #26a69a;--white: #ffffff;--black: #0d0d0d;--dark: #1a1a2e;--dark-warm: #1e1a2e;--grey: #2d2d2d}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}body{font-family:Oswald,sans-serif;background:linear-gradient(180deg,#0d1320,#1a1a2e 30%,#16162a 70%,#0d1320);color:var(--white);overflow-x:hidden;overflow-y:visible;max-width:100vw;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 120% 80% at 20% 20%,rgba(41,182,246,.08) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 80% 80%,rgba(0,230,118,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 120% at 50% 50%,rgba(255,152,0,.04) 0%,transparent 45%);background-size:200% 200%;animation:bg-drift 25s ease-in-out infinite;pointer-events:none}@keyframes bg-drift{0%,to{background-position:0% 0%,100% 100%,50% 50%}33%{background-position:100% 0%,0% 100%,80% 20%}66%{background-position:0% 100%,100% 0%,20% 80%}}#root{min-height:100vh;overflow:visible}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#151a30e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--green-bright);box-shadow:0 0 20px #29b6f626,0 0 30px #00e67633}.logo{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.08em;color:var(--white);text-decoration:none;text-shadow:2px 2px 0 var(--green)}.logo:hover{color:var(--green-bright)}.nav-links{display:flex;gap:2rem;align-items:center;flex-shrink:0}.nav-links a{color:var(--white);text-decoration:none;font-weight:600;letter-spacing:.05em;transition:color .2s;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.25rem 0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-links a:hover{color:var(--orange)}.nav-x{padding:.4rem .8rem;min-width:48px;border:2px solid var(--green);border-radius:4px}.nav-x:hover{background:var(--green);color:var(--black)}.hero{position:relative;z-index:0;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;justify-content:center;overflow:visible;touch-action:pan-y}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-bg picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-bg-img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;object-position:center;display:block;vertical-align:middle;min-width:100%;min-height:100%;position:absolute;top:0;left:0}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:.5;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,230,118,.25) 0%,rgba(41,182,246,.15) 40%,transparent 70%);filter:blur(40px);animation:orb-float 18s ease-in-out infinite}.hero-orb--1{width:280px;height:280px;left:10%;top:25%;animation-delay:0s;animation-duration:20s}.hero-orb--2{width:200px;height:200px;left:70%;top:60%;animation-delay:-6s;animation-duration:22s}.hero-orb--3{width:160px;height:160px;left:50%;top:15%;animation-delay:-12s;animation-duration:16s;background:radial-gradient(circle,rgba(255,152,0,.2) 0%,rgba(236,64,122,.1) 40%,transparent 70%)}@keyframes orb-float{0%,to{transform:translate(0) scale(1);opacity:.7}25%{transform:translate(15px,-20px) scale(1.05);opacity:.85}50%{transform:translate(-20px,10px) scale(.95);opacity:.75}75%{transform:translate(10px,15px) scale(1.02);opacity:.8}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0d13204d,#151a3073,#0d1320d9)}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.06em;color:var(--white);text-shadow:3px 3px 0 var(--black),-1px -1px 0 var(--green);line-height:1.4;margin-bottom:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.15em}.hero-title-word{display:inline-block}.hero-title-text{display:inline-block;transform-origin:center}.hero-tagline{font-size:1.2rem;color:var(--white);margin-bottom:2rem;padding:.5rem 1rem;display:inline-block;border:3px solid var(--green-bright);background:#151a30b3;border-radius:4px;box-shadow:0 0 15px #00e67633}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:120px;padding:.9rem 2rem;font-family:Oswald,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.1em;text-decoration:none;border-radius:4px;transition:transform .15s,box-shadow .15s;color:inherit}.btn-x{background:var(--black);color:var(--white);border:2px solid var(--green)}.btn-x:hover{background:var(--green);color:var(--black)}.btn-buy{background:linear-gradient(135deg,var(--orange-fire),var(--orange));color:var(--white);border:2px solid var(--yellow-sun)}.btn-buy:hover{box-shadow:0 0 25px var(--orange),0 0 15px var(--yellow-sun)}.hero-scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--green-bright);opacity:.95;text-shadow:0 0 10px rgba(0,230,118,.5)}.second-section{position:relative;z-index:0;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;perspective:1200px;overflow:visible;touch-action:pan-y}.second-section-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.second-section-bg picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.second-section-bg-img{width:100%;height:100%;object-fit:cover;-webkit-object-fit:cover;object-position:center;display:block;vertical-align:middle;min-width:100%;min-height:100%;position:absolute;top:0;left:0}.second-section-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0d132073,#151a30a6,#0d1320eb)}.second-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:.5;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,230,118,.06) 0%,transparent 60%);animation:section-glow 10s ease-in-out infinite}@keyframes section-glow{0%,to{opacity:.6}50%{opacity:1}}.second-section-content{position:relative;z-index:2;max-width:640px;text-align:center}.second-section-content h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:.1em;color:var(--green-bright);text-shadow:0 0 20px rgba(0,230,118,.5),0 0 35px rgba(41,182,246,.25);margin-bottom:1rem;transform-style:preserve-3d}.second-section-content p{font-size:1.1rem;line-height:1.65;color:#ffffffe6}#lore.lore,.lore{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem;background:linear-gradient(180deg,#0d1320,#1a1a2e,#1e1a2e,#16162a,#0d1320);border-top:3px solid var(--orange);box-shadow:0 -4px 30px #ff98001a;scroll-margin-top:80px}.lore-inner{max-width:900px;margin:0 auto}.lore h2{font-family:Bebas Neue,sans-serif;font-size:2.5rem;letter-spacing:.1em;color:var(--green-bright);text-shadow:0 0 20px rgba(0,230,118,.5),0 0 40px rgba(41,182,246,.2);margin-bottom:1rem}.lore-lead{font-size:1.15rem;line-height:1.6;color:#ffffffe6;margin-bottom:2.5rem}.lore-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;perspective:1200px}.lore-card{background:#29b6f614;border:2px solid rgba(41,182,246,.25);border-left:4px solid var(--orange);padding:1.5rem;border-radius:8px;transition:border-color .2s,box-shadow .2s;backface-visibility:hidden;box-shadow:0 4px 20px #0003}.lore-card:hover{border-left-color:var(--green-bright);border-color:#00e67659;box-shadow:0 8px 30px #00e67626}.lore-card h3{font-size:1rem;letter-spacing:.08em;color:var(--orange);margin-bottom:.75rem}.lore-card p{font-size:.95rem;line-height:1.55;color:#ffffffd9}.footer{padding:2rem;background:linear-gradient(180deg,#16162a,#0d1320);border-top:2px solid var(--green-bright);box-shadow:0 -4px 30px #29b6f614;text-align:center}.footer-inner{max-width:600px;margin:0 auto}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.08em;color:var(--green-bright);display:block;margin-bottom:.5rem}.footer p{font-size:.85rem;color:#fff9;margin-bottom:1rem}.footer-links{display:flex;gap:1.5rem;justify-content:center}.footer-links a{color:var(--green);text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--orange)}@media (max-width: 768px){:root{--navbar-height-mobile: 56px}html{scroll-padding-top:var(--navbar-height-mobile)}#lore.lore,.lore{scroll-margin-top:var(--navbar-height-mobile)}.navbar{padding:.75rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.logo{font-size:1.25rem}.logo-full{display:none}.logo-short{display:block}.nav-links{gap:.75rem}.hero-content{padding:1.25rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.hero-title{font-size:clamp(1.75rem,10vw,3rem);gap:.1em}.hero-tagline{font-size:1rem;padding:.5rem .75rem}.hero-cta{gap:.75rem}.hero-scroll-hint{bottom:max(1rem,env(safe-area-inset-bottom))}.hero-overlay{background:linear-gradient(to bottom,#0d132066,#151a3099,#0d1320e6)}.hero-bg{top:var(--navbar-height-mobile);right:0;bottom:0;left:0;background:#0d1320}.hero-orbs,.hero-overlay{top:var(--navbar-height-mobile);right:0;bottom:0;left:0}.hero-bg-img{object-fit:cover;-webkit-object-fit:cover;object-position:center;-webkit-object-position:center}.second-section-bg{top:var(--navbar-height-mobile);right:0;bottom:0;left:0;background:#0d1320}.second-section-overlay{top:var(--navbar-height-mobile);right:0;bottom:0;left:0}.second-section-bg-img{object-fit:cover;-webkit-object-fit:cover;object-position:center;-webkit-object-position:center}.second-section{padding:3rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.second-section-overlay{background:linear-gradient(to bottom,#0d132080,#151a30bf,#0d1320f0)}.second-section-content h2{font-size:clamp(1.5rem,6vw,2.5rem)}.second-section-content p{font-size:1rem}.lore{padding:3rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));min-height:auto}.lore h2{font-size:2rem}.lore-lead{font-size:1rem}.lore-cards{grid-template-columns:1fr;gap:1.25rem}.lore-card{padding:1.25rem}.footer{padding:1.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 .5rem}}@media (max-width: 600px){.navbar{flex-wrap:wrap;gap:.5rem}.nav-links{gap:.5rem}.nav-x{padding:.4rem .65rem;min-width:44px;min-height:44px}}.logo-short{display:none}.logo-full{display:block}