:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--c-bg: #0d1117;--c-surface: #161b22;--c-surface-2: #1c2333;--c-border: rgba(224, 145, 62, .15);--c-border-subtle: rgba(255, 255, 255, .06);--c-text: #e6edf3;--c-text-muted: rgba(230, 237, 243, .55);--c-accent: #e0913e;--c-accent-dim: rgba(224, 145, 62, .12);--c-accent-glow: rgba(224, 145, 62, .08);--c-green: #3fb950;--c-sky: #58a6ff;--c-rose: #f85149;--c-lavender: #bc8cff;--c-sun: #f0c040;--c-blood: #da3633;--c-ice: #79c0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100vh;background:var(--c-bg);color:var(--c-text)}.app{overflow-x:hidden}.section-header{text-align:center;max-width:42rem;margin:0 auto 3.5rem}.section-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);border:1px solid var(--c-border);padding:.3rem .75rem;border-radius:2rem;margin-bottom:1rem;background:var(--c-accent-glow)}.section-header h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--c-text)}.section-desc{margin:0;color:var(--c-text-muted);font-size:1.05rem;line-height:1.7}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s ease;cursor:pointer;letter-spacing:.02em}.btn-primary{background:var(--c-accent);color:#fff;box-shadow:0 4px 16px #e0913e4d}.btn-primary:hover{background:#c97e30;box-shadow:0 6px 24px #e0913e73;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--c-text);border:1.5px solid var(--c-border)}.btn-outline:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-glow)}.btn-lg{padding:1rem 2.25rem;font-size:1rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#0d1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border-subtle);transition:all .3s ease}.navbar.scrolled{padding:.75rem 2rem;background:#0d1117f2}.nav-logo{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--c-text);text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-logo-icon{font-size:1.3rem}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--c-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.02em;transition:color .2s}.nav-links a:hover{color:var(--c-accent)}.nav-cta{padding:.5rem 1.25rem;font-size:.8rem}@media(max-width:640px){.nav-links{display:none}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden;background:linear-gradient(180deg,#0d1117,#131920 40%,#1a1f2e)}.hero-bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 30% 20%,rgba(224,145,62,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(63,185,80,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(218,54,51,.04) 0%,transparent 70%);z-index:0}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(13,17,23,.4) 60%,var(--c-bg) 100%);z-index:1}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.particle{position:absolute;bottom:-10px;border-radius:50%;animation:float-up linear infinite;filter:blur(.5px);opacity:.4}.particle.ember{background:var(--c-accent)}.particle.ash{background:#ffffff26}@keyframes float-up{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.1}to{transform:translateY(-100vh) scale(.4) rotate(180deg);opacity:0}}.hero-content{position:relative;z-index:2;text-align:center;max-width:56rem}.hero-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--c-accent);border:1px solid var(--c-border);padding:.35rem 1rem;border-radius:2rem;margin-bottom:2rem;background:var(--c-accent-glow)}.hero-title{margin:0 0 1.5rem;line-height:1;display:flex;flex-direction:column;gap:.1em}.title-wild{font-size:clamp(3.5rem,11vw,7.5rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#e0913e,#da3633,#e0913e);background-size:200% 200%;animation:gradient-shift 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-unbound{font-size:clamp(1.2rem,4vw,2.5rem);font-weight:300;letter-spacing:.4em;text-transform:uppercase;color:var(--c-text-muted)}.hero-subtitle{margin:0 auto 2.5rem;max-width:38rem;font-size:clamp(1rem,2vw,1.15rem);color:var(--c-text-muted);line-height:1.8}.hero-subtitle strong{color:var(--c-accent);font-weight:700}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3.5rem}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.75rem;font-weight:700;color:var(--c-accent);letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.stat-divider{width:1px;height:2.5rem;background:var(--c-border)}.scroll-indicator{position:absolute;bottom:2rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--c-text-muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}.scroll-arrow{width:16px;height:16px;border-right:1.5px solid var(--c-accent);border-bottom:1.5px solid var(--c-accent);transform:rotate(45deg);opacity:.5}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.survival-bars{padding:6rem 2rem;max-width:72rem;margin:0 auto}.bars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}.bar-card{background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:1rem;padding:1.75rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.bar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bar-color, var(--c-accent));opacity:0;transition:opacity .3s}.bar-card:hover{border-color:var(--c-border);transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.bar-card:hover:before{opacity:1}.bar-icon{font-size:2.25rem;display:block;margin-bottom:.75rem}.bar-card h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:var(--bar-color, var(--c-text))}.bar-card p{margin:0;color:var(--c-text-muted);font-size:.85rem;line-height:1.6}.bar-meter{margin-top:1rem;height:4px;background:var(--c-border-subtle);border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;background:var(--bar-color, var(--c-accent));animation:bar-pulse 3s ease-in-out infinite}@keyframes bar-pulse{0%,to{opacity:.7}50%{opacity:1}}.features{padding:6rem 2rem;max-width:72rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.25rem}.feature-card{background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--c-accent),transparent);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:var(--c-border);transform:translateY(-3px);box-shadow:0 8px 32px #e0913e14}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2rem;display:block;margin-bottom:1rem}.feature-card h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:var(--c-text)}.feature-card p{margin:0;color:var(--c-text-muted);font-size:.9rem;line-height:1.6}.biomes{padding:6rem 2rem;max-width:72rem;margin:0 auto}.biomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}.biome-card{background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:1rem;padding:1.75rem;position:relative;overflow:hidden;transition:all .3s ease}.biome-card:hover{border-color:var(--biome-accent, var(--c-accent));transform:translateY(-3px);box-shadow:0 8px 32px #0003}.biome-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--biome-color),var(--biome-accent));opacity:.7}.biome-icon{font-size:1.75rem;display:block;margin-bottom:.25rem}.biome-card h3{margin:.5rem 0;font-size:1.1rem;font-weight:600;color:var(--biome-accent, var(--c-text))}.biome-card p{margin:0;color:var(--c-text-muted);font-size:.85rem;line-height:1.6}.biome-threat{display:inline-block;margin-top:.75rem;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:1rem;background:#f851491a;color:var(--c-rose);border:1px solid rgba(248,81,73,.2)}.gameplay{padding:6rem 2rem;max-width:64rem;margin:0 auto}.gameplay-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem}.gameplay-col h3{font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--c-border);color:var(--c-accent)}.gameplay-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.gameplay-col li{display:flex;flex-direction:column;gap:.15rem;padding:.6rem 0;border-bottom:1px solid var(--c-border-subtle)}.item-name{font-weight:600;font-size:.9rem;color:var(--c-text)}.item-detail{font-size:.8rem;color:var(--c-text-muted)}.threats{padding:6rem 2rem;max-width:72rem;margin:0 auto}.threats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.threat-card{background:var(--c-surface);border:1px solid var(--c-border-subtle);border-radius:1rem;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden}.threat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--c-blood),transparent);opacity:0;transition:opacity .3s}.threat-card:hover{border-color:#f8514933;transform:translateY(-2px);box-shadow:0 8px 32px #da363314}.threat-card:hover:after{opacity:1}.threat-icon{font-size:2rem;display:block;margin-bottom:.75rem}.threat-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:var(--c-rose)}.threat-card p{margin:0;color:var(--c-text-muted);font-size:.85rem;line-height:1.6}.cta{padding:6rem 2rem}.cta-inner{max-width:42rem;margin:0 auto;text-align:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:1.5rem;padding:4rem 2.5rem;position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 30%,rgba(224,145,62,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(218,54,51,.04) 0%,transparent 50%);pointer-events:none}.cta-inner h2{position:relative;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin:0 0 1rem;letter-spacing:-.02em;color:var(--c-text)}.cta-inner p{position:relative;margin:0 auto 2rem;color:var(--c-text-muted);font-size:1.05rem;max-width:30rem}.cta-buttons{position:relative;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{border-top:1px solid var(--c-border-subtle);padding:3.5rem 2rem 2rem;margin-top:2rem}.footer-inner{max-width:64rem;margin:0 auto}.footer-brand{margin-bottom:2rem}.footer-logo{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;display:block;margin-bottom:.35rem;color:var(--c-text)}.footer-brand p{margin:0;color:var(--c-text-muted);font-size:.8rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2rem;margin-bottom:2.5rem}.footer-links h4{margin:0 0 .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-muted)}.footer-links a{display:block;color:var(--c-text);text-decoration:none;font-size:.85rem;padding:.25rem 0;transition:color .2s}.footer-links a:hover{color:var(--c-accent)}.footer-bottom{border-top:1px solid var(--c-border-subtle);padding-top:1.5rem}.footer-bottom p{margin:0;color:var(--c-text-muted);font-size:.75rem;text-align:center}@media(max-width:640px){.hero-stats{gap:1.25rem}.stat-divider{display:none}.features-grid,.biomes-grid,.threats-grid,.gameplay-columns{grid-template-columns:1fr}.bars-grid{grid-template-columns:repeat(2,1fr)}}