@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/geist.woff2") format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/geist-mono.woff2") format("woff2")}
:root{--font-geist:Geist;--font-mono:"Geist Mono";}
:root { --red:#ff173d; --black:#050505; --white:#f5f3ef; --pointer-x:50vw; --pointer-y:50vh; --scroll-progress:0%; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--black); }
body { margin:0; background:var(--black); color:var(--white); font-family:var(--font-geist),Arial,sans-serif; }
.ambient-system { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; opacity:.7; }
.cosmic-fog { position:absolute; width:55vw; height:55vw; border-radius:50%; filter:blur(150px); opacity:.08; background:var(--red); animation:fogDrift 22s ease-in-out infinite alternate; will-change:transform; }
.fog-one { left:-22vw; top:12vh; }.fog-two { right:-24vw; bottom:-10vh; opacity:.055; animation-duration:28s; animation-direction:alternate-reverse; }
.ambient-particles,.mode-particles { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.ambient-particles i,.mode-particles i { position:absolute; width:2px; height:2px; border-radius:50%; background:#ff5a74; box-shadow:0 0 9px rgba(255,23,61,.75); opacity:.35; animation:particleFloat 18s ease-in-out infinite alternate; }
.ambient-particles i:nth-child(3n),.mode-particles i:nth-child(3n){width:3px;height:3px;animation-duration:24s}.ambient-particles i:nth-child(2n),.mode-particles i:nth-child(2n){animation-duration:29s;opacity:.22}
.ambient-particles i:nth-child(1),.mode-particles i:nth-child(1){left:7%;top:18%}.ambient-particles i:nth-child(2),.mode-particles i:nth-child(2){left:14%;top:72%}.ambient-particles i:nth-child(3),.mode-particles i:nth-child(3){left:23%;top:38%}.ambient-particles i:nth-child(4),.mode-particles i:nth-child(4){left:31%;top:84%}.ambient-particles i:nth-child(5),.mode-particles i:nth-child(5){left:39%;top:15%}.ambient-particles i:nth-child(6),.mode-particles i:nth-child(6){left:47%;top:63%}.ambient-particles i:nth-child(7),.mode-particles i:nth-child(7){left:54%;top:29%}.ambient-particles i:nth-child(8),.mode-particles i:nth-child(8){left:61%;top:76%}.ambient-particles i:nth-child(9),.mode-particles i:nth-child(9){left:69%;top:43%}.ambient-particles i:nth-child(10),.mode-particles i:nth-child(10){left:76%;top:12%}.ambient-particles i:nth-child(11),.mode-particles i:nth-child(11){left:84%;top:68%}.ambient-particles i:nth-child(12),.mode-particles i:nth-child(12){left:92%;top:31%}.ambient-particles i:nth-child(13){left:4%;top:91%}.ambient-particles i:nth-child(14){left:19%;top:8%}.ambient-particles i:nth-child(15){left:49%;top:92%}.ambient-particles i:nth-child(16){left:73%;top:88%}.ambient-particles i:nth-child(17){left:88%;top:7%}.ambient-particles i:nth-child(18){left:97%;top:79%}
main { position:relative; z-index:1; }
body:before { content:""; position:fixed; z-index:9998; inset:0; pointer-events:none; opacity:.11; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.pointer-aura { position:fixed; z-index:50; left:var(--pointer-x); top:var(--pointer-y); width:420px; height:420px; pointer-events:none; border-radius:50%; background:radial-gradient(circle,rgba(255,23,61,.085),transparent 65%); transform:translate(-50%,-50%); }
.premium-loader { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; overflow:hidden; background:#030303; transition:clip-path 1s cubic-bezier(.77,0,.18,1),visibility 1s; clip-path:inset(0); }
.premium-loader.complete { clip-path:inset(0 0 100% 0); visibility:hidden; pointer-events:none; }
.premium-loader.active { visibility:visible; }
.premium-loader:before,.premium-loader:after { content:""; position:absolute; width:65vw; height:65vw; border-radius:50%; filter:blur(120px); opacity:.17; }
.premium-loader:before { background:#ff173d; right:-25vw; top:-35vw; animation:loaderDrift 3s ease-in-out infinite alternate; }
.premium-loader:after { background:#720014; left:-35vw; bottom:-42vw; animation:loaderDrift 3.5s ease-in-out infinite alternate-reverse; }
.loader-noise { position:absolute; inset:0; opacity:.15; background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.055) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.04) 80px); }
.loader-rings { position:absolute; width:min(520px,80vw); aspect-ratio:1; display:grid; place-items:center; }
.loader-rings i { position:absolute; inset:0; border:1px solid rgba(255,255,255,.09); border-radius:50%; animation:loaderSpin 8s linear infinite; }
.loader-rings i:nth-child(1){border-color:transparent rgba(255,23,61,.65);box-shadow:0 0 35px rgba(255,23,61,.12)}
.loader-rings i:nth-child(2){inset:50px;border-style:dashed;animation-duration:14s;animation-direction:reverse}.loader-rings i:nth-child(3){inset:100px;animation-duration:5s;border-color:rgba(255,255,255,.12) transparent}
.loader-emblem { position:relative; z-index:2; width:150px; height:150px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.32); background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,23,61,.055)); box-shadow:0 0 80px rgba(255,23,61,.25),inset 0 1px 0 rgba(255,255,255,.18); transform:skew(-7deg); animation:emblemIn .8s cubic-bezier(.16,1,.3,1) both; }
.loader-emblem span { font-size:90px; font-weight:950; font-style:italic; text-shadow:7px 8px 0 #1b0508,0 0 25px rgba(255,23,61,.6); }
.loader-copy { position:absolute; z-index:3; top:calc(50% + 120px); width:min(430px,76vw); text-align:center; }
.loader-copy p,.loader-copy span { display:block; margin:0; color:#777; font:9px var(--font-mono); letter-spacing:.28em; }
.loader-copy h2 { margin:10px 0 20px; font-size:26px; letter-spacing:.18em; }
.loader-line { height:2px; margin-bottom:15px; overflow:hidden; background:#1c1c1c; }
.loader-line i { display:block; height:100%; background:linear-gradient(90deg,#7a0015,var(--red),#fff); animation:loaderProgress 1.65s cubic-bezier(.6,0,.3,1) both; }
.loader-corners { position:absolute; z-index:3; inset:auto 35px 28px; display:flex; justify-content:space-between; color:#555; font:8px var(--font-mono); letter-spacing:.18em; }
.route-loader { position:fixed; z-index:9999; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#030303; }
.route-loader-mark { font-size:80px; font-weight:950; font-style:italic; text-shadow:0 0 25px var(--red); animation:routePulse 1s ease-in-out infinite; }
.route-loader p { font:9px var(--font-mono); letter-spacing:.24em; color:#888; }
.route-loader > span { width:180px; height:2px; background:#222; overflow:hidden; }.route-loader > span i { display:block; width:45%; height:100%; background:var(--red); animation:routeScan .9s ease-in-out infinite; }
.reveal-ready { opacity:0; transform:translateY(46px); transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1); }
.reveal-ready.revealed { opacity:1; transform:none; }
a { color:inherit; text-decoration:none; }
.scroll-progress { position:fixed; z-index:9997; top:0; left:0; right:0; height:2px; pointer-events:none; background:rgba(255,255,255,.04); }
.scroll-progress span { display:block; width:var(--scroll-progress); height:100%; background:linear-gradient(90deg,#8e0019,var(--red),#ff8ca0); box-shadow:0 0 15px rgba(255,23,61,.75); transition:width .1s linear; }
.nav { position:fixed; z-index:100; top:0; left:0; right:0; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid rgba(255,255,255,.16); transition:height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease; }
.has-scrolled .nav { height:72px; background:rgba(5,5,5,.82); border-color:rgba(255,255,255,.1); box-shadow:0 14px 45px rgba(0,0,0,.3); backdrop-filter:blur(18px) saturate(145%); }
.brand { display:flex; align-items:center; gap:12px; font-weight:900; letter-spacing:.18em; font-size:18px; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border:2px solid #fff; transform:skew(-8deg); font-style:italic; letter-spacing:0; }
.nav-links { display:flex; gap:36px; color:#d8d6d2; font-size:13px; text-transform:uppercase; letter-spacing:.14em; }
.nav-links a:hover,.footer-links a:hover { color:var(--red); }
.nav-links a { position:relative; padding:8px 0; transition:color .25s ease; }
.nav-links a:after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--red); transform:scaleX(0); transition:transform .3s ease; box-shadow:0 0 10px var(--red); }
.nav-links a.active { color:#fff; }.nav-links a.active:after{transform:scaleX(1)}
.nav-cta { padding:12px 19px; border:1px solid rgba(255,255,255,.5); text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.14em; }
.nav-more{position:relative}.nav-more .nav-cta{display:flex;align-items:center;gap:10px;color:#fff;background:rgba(5,5,5,.45);cursor:pointer;font-family:inherit}.nav-more .nav-cta span{font-size:15px;transition:transform .25s ease}.nav-more.active .nav-cta{border-color:var(--red);box-shadow:0 0 18px rgba(255,23,61,.16)}.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:170px;padding:8px;background:rgba(7,7,8,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(0,0,0,.45);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.nav-dropdown a{display:block;padding:13px 14px;color:#d8d6d2;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em;transition:color .2s ease,background .2s ease}.nav-dropdown a:hover,.nav-dropdown a.active{color:#fff;background:rgba(255,23,61,.12)}.nav-more:hover .nav-dropdown,.nav-more:focus-within .nav-dropdown,.nav-more.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-more:hover .nav-cta span,.nav-more:focus-within .nav-cta span,.nav-more.open .nav-cta span{transform:rotate(180deg)}
.hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; padding:150px 7vw 10vh; }
.hero-bg { position:absolute; inset:0; background:url('/eroza-hero.webp') center/cover no-repeat; transform:scale(1.03); animation:breathe 12s ease-in-out infinite alternate; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.2) 70%),linear-gradient(0deg,#050505 0%,transparent 40%); }
.hero-content { position:relative; z-index:2; max-width:900px; }
.eyebrow,.section-index { font-family:var(--font-mono),monospace; text-transform:uppercase; letter-spacing:.2em; font-size:12px; color:#bbb; }
.eyebrow { display:flex; align-items:center; gap:12px; color:#eee; }
.eyebrow span { width:30px; height:2px; background:var(--red); box-shadow:0 0 15px var(--red); }
h1,h2,h3 { margin:0; text-transform:uppercase; line-height:.86; letter-spacing:-.06em; }
h1 { font-size:clamp(68px,11vw,170px); font-weight:950; margin:25px 0 34px; }
h1 em,h2 em { color:var(--red); font-style:normal; text-shadow:0 0 35px rgba(255,23,61,.3); }
.hero-copy { max-width:610px; color:#c8c5c1; font-size:clamp(16px,1.4vw,21px); line-height:1.7; }
.hero-actions { display:flex; gap:14px; margin-top:38px; flex-wrap:wrap; }
.btn { display:flex; justify-content:space-between; gap:30px; min-width:210px; padding:18px 21px; text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:900; transition:.25s; }
.btn.primary { background:var(--red); box-shadow:0 15px 40px rgba(255,23,61,.25); }
.btn.ghost { border:1px solid rgba(255,255,255,.35); background:rgba(0,0,0,.35); backdrop-filter:blur(10px); }
.btn:hover { transform:translateY(-3px); }
.scroll-note { position:absolute; z-index:2; right:5vw; bottom:7vh; display:flex; align-items:center; gap:15px; transform:rotate(90deg); transform-origin:right; text-transform:uppercase; letter-spacing:.18em; font:10px var(--font-mono); }
.scroll-note i { width:45px; height:1px; background:var(--red); }
.ticker { overflow:hidden; border-block:1px solid #2a2a2a; background:linear-gradient(90deg,#090909,#130407,#090909); }
.ticker-track { width:max-content; display:flex; align-items:center; animation:ticker 26s linear infinite; will-change:transform; font:800 12px var(--font-mono); letter-spacing:.2em; }
.ticker-group { flex:none; display:flex; align-items:center; gap:35px; padding:18px 35px 18px 0; }
.ticker-track i { color:var(--red); font-style:normal; }
.portal-section { padding:130px 7vw 150px; background:radial-gradient(circle at 10% 0,rgba(255,23,61,.1),transparent 25%),#070707; }
.portal-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:70px; }
.portal-intro h2,.story-grid h2,.watch-cta h2 { margin:0; font-size:clamp(52px,7vw,105px); font-weight:950; text-transform:uppercase; line-height:.88; letter-spacing:-.06em; }
.portal-intro h2 em,.watch-cta h2 em { color:var(--red); font-style:normal; }
.portal-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.portal-card { --card-x:50%; --card-y:50%; position:relative; isolation:isolate; min-height:260px; padding:30px; border:1px solid #2b2b2b; border-radius:24px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008)); display:grid; grid-template-columns:auto 1fr auto; align-items:end; gap:30px; transition:.35s; }
.portal-card:before { content:""; position:absolute; z-index:-1; inset:0; opacity:0; background:radial-gradient(360px circle at var(--card-x) var(--card-y),rgba(255,23,61,.22),transparent 62%); transition:opacity .35s ease; }
.portal-card:hover { transform:translateY(-7px); border-color:rgba(255,23,61,.6); box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1); }
.portal-card:hover:before { opacity:1; }
.portal-card > span { align-self:start; color:#666; font:11px var(--font-mono); }
.portal-card h3 { font-size:clamp(40px,5vw,76px); }
.portal-card p { color:#888; margin:16px 0 0; }
.portal-card i { width:50px; height:50px; display:grid; place-items:center; border:1px solid #444; border-radius:50%; font-style:normal; }
.page-title,.page-hero { min-height:78svh; padding:190px 7vw 100px; display:flex; align-items:flex-end; position:relative; overflow:hidden; border-bottom:1px solid #252525; }
.page-title:before,.page-hero:before { content:""; position:absolute; width:45vw; height:45vw; border-radius:50%; background:var(--red); filter:blur(180px); opacity:.1; right:-12vw; top:-15vw; }
.page-title > *,.page-hero > * { position:relative; }
.page-title h1,.page-hero h1 { font-size:clamp(70px,11vw,165px); margin:25px 0 32px; }
.page-title > p,.page-hero > div > p:last-of-type { max-width:650px; color:#999; font-size:19px; line-height:1.7; }
.about-hero { background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.42)),url('/eroza-hero.webp') center/cover; }
.community-hero { min-height:92svh; background:radial-gradient(circle at 78% 50%,rgba(255,23,61,.28),transparent 30%),linear-gradient(135deg,#050505,#100205); }
.community-hero .btn { width:max-content; margin-top:38px; }
.story-grid { padding:140px 7vw; display:grid; grid-template-columns:.4fr 1.2fr 1fr; gap:6vw; align-items:center; }
.story-number { font-size:200px; font-weight:950; font-style:italic; color:transparent; -webkit-text-stroke:1px #333; }
.story-grid > div:last-child { color:#999; font-size:18px; line-height:1.8; }
.value-strip,.community-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#272727; border-block:1px solid #272727; }
.value-strip article,.community-cards article { min-height:330px; padding:42px; background:#080808; }
.value-strip strong,.community-cards span { color:var(--red); font:12px var(--font-mono); }
.value-strip h3 { font-size:45px; margin-top:120px; }
.value-strip p,.community-cards p { color:#777; }
.modes-page { padding-top:110px; }
.watch-page { padding-top:0; margin-top:-70px; position:relative; }
.watch-title { min-height:68svh; }
.watch-cta { padding:150px 7vw; text-align:center; background:radial-gradient(circle,rgba(255,23,61,.2),transparent 38%); }
.watch-cta h2 { margin-top:25px; }
.community-cards article { min-height:420px; display:flex; flex-direction:column; justify-content:flex-end; }
.community-cards h2 { font-size:clamp(42px,5vw,72px); }
.discord-feature { position:relative; min-height:630px; padding:110px 7vw; display:grid; grid-template-columns:.55fr 1.25fr .6fr; gap:6vw; align-items:center; overflow:hidden; background:linear-gradient(135deg,#090a15,#0b0716 48%,#050505); border-block:1px solid rgba(88,101,242,.25); }
.discord-glow { position:absolute; width:620px; height:620px; border-radius:50%; background:#5865f2; filter:blur(150px); opacity:.18; left:-230px; top:-130px; }
.discord-logo { position:relative; width:min(280px,25vw); aspect-ratio:1; display:grid; place-items:center; border-radius:38px; background:linear-gradient(145deg,rgba(88,101,242,.9),rgba(69,79,210,.55)); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 35px 100px rgba(88,101,242,.25); transform:rotate(-3deg); }
.discord-logo:before { content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.2); border-radius:30px; }
.discord-logo img { width:48%; filter:invert(1); }
.discord-feature h2 { margin:20px 0 25px; font-size:clamp(55px,7vw,105px); font-weight:950; line-height:.87; letter-spacing:-.06em; }
.discord-feature h2 em { color:#8390ff; font-style:normal; text-shadow:0 0 40px rgba(88,101,242,.3); }
.discord-feature > div:nth-child(3) > p:last-child { max-width:600px; color:#a5a7b8; font-size:18px; line-height:1.75; }
.discord-button { width:190px; height:190px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; text-align:center; background:#5865f2; font-weight:950; box-shadow:0 25px 80px rgba(88,101,242,.33); transition:.35s; }
.discord-button i { font-style:normal; font-size:23px; }
.discord-button:hover { transform:scale(1.07) rotate(-4deg); background:#6f7bf7; }
.themes-title { background:radial-gradient(circle at 72% 50%,rgba(255,23,61,.21),transparent 27%),linear-gradient(135deg,#050505,#100206); }
.themes-vault { padding:130px 7vw 150px; background:#070707; }
.themes-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:70px; }
.themes-heading h2 { margin:20px 0 0; font-size:clamp(52px,7vw,105px); font-weight:950; line-height:.87; letter-spacing:-.06em; }
.themes-heading h2 em { color:var(--red); font-style:normal; }
.themes-heading > span { color:#666; font:10px var(--font-mono); letter-spacing:.16em; }
.theme-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.theme-card { --theme-accent:#ff173d; position:relative; min-height:470px; padding:30px; border:1px solid #292929; border-radius:27px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.01)); }
.theme-card:before { content:""; position:absolute; width:70%; aspect-ratio:1; border-radius:50%; background:var(--theme-accent); filter:blur(100px); opacity:.13; right:-30%; top:-30%; }
.theme-no { position:absolute; right:28px; top:25px; color:#555; font:11px var(--font-mono); }
.theme-device { width:150px; height:150px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--theme-accent) 48%,#333); border-radius:33px; background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent) 16%,transparent),rgba(255,255,255,.02)); box-shadow:0 25px 70px color-mix(in srgb,var(--theme-accent) 15%,transparent); }
.theme-device i { font-size:78px; font-weight:950; font-style:italic; transform:skew(-7deg); }
.theme-preview { position:relative; z-index:1; height:225px; margin:-6px -6px 4px; overflow:hidden; border:1px solid rgba(255,23,61,.35); border-radius:20px; background:#020202; box-shadow:0 24px 60px rgba(255,23,61,.14); }
.theme-preview:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.58)); }
.theme-preview img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.theme-badge { position:absolute; z-index:2; left:16px; bottom:15px; padding:9px 12px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(5,5,5,.72); color:#fff; backdrop-filter:blur(12px); font:800 9px var(--font-mono); letter-spacing:.16em; box-shadow:0 8px 26px rgba(0,0,0,.35); }
.mobile-wallpaper .theme-preview { height:360px; background:radial-gradient(circle,rgba(255,23,61,.12),#020202 72%); }
.mobile-wallpaper .theme-preview img { object-fit:contain; }
.wallpaper-card:hover .theme-preview img { transform:scale(1.035); }
.theme-card div:nth-of-type(2) p { color:var(--theme-accent); font:10px var(--font-mono); letter-spacing:.18em; }
.theme-card h3 { font-size:clamp(42px,5vw,70px); }
.theme-card div:nth-of-type(2) > span { display:block; max-width:480px; color:#888; margin-top:14px; }
.theme-card button { margin-top:25px; width:100%; padding:18px; border:1px solid #333; background:rgba(255,255,255,.025); color:#6d6d6d; font:10px var(--font-mono); letter-spacing:.16em; cursor:not-allowed; }
.theme-download { position:relative; z-index:1; margin-top:25px; width:100%; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--red); background:var(--red); color:#fff; font:800 10px var(--font-mono); letter-spacing:.16em; box-shadow:0 18px 45px rgba(255,23,61,.2); transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.theme-download i { font-style:normal; font-size:17px; }
.theme-download:hover { transform:translateY(-3px); background:#ff3153; box-shadow:0 24px 58px rgba(255,23,61,.3); }
.theme-actions { position:relative; z-index:2; display:grid; grid-template-columns:.75fr 1.25fr; gap:10px; margin-top:25px; }
.theme-actions .theme-download { margin-top:0; }.theme-preview-link{padding:18px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.25);font:800 10px var(--font-mono);letter-spacing:.14em;transition:.25s}.theme-preview-link i{font-style:normal}.theme-preview-link:hover{border-color:var(--red);color:var(--red);transform:translateY(-3px)}
.wallpaper-card { transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease; }.wallpaper-card:hover{transform:translateY(-8px);border-color:rgba(255,23,61,.6);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 35px rgba(255,23,61,.1)}
.theme-note { margin-top:24px; padding:22px 25px; display:flex; gap:15px; align-items:center; border:1px solid #242424; border-radius:15px; color:#777; }
.theme-note span { color:var(--red); }
.theme-note p { margin:0; }
.collection-block { margin-top:30px; padding:55px; border:1px solid #262626; border-radius:32px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); }
.collection-original { background:radial-gradient(circle at 5% 0,rgba(255,23,61,.13),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); }
.collection-head { display:grid; grid-template-columns:.55fr 1fr 1fr; gap:5vw; align-items:end; margin-bottom:55px; }
.collection-head>div:first-child { display:flex; flex-direction:column; color:#777; font:10px var(--font-mono); letter-spacing:.2em; }
.collection-head>div:first-child strong { margin-top:8px; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.35); font:950 clamp(100px,12vw,190px)/.8 var(--font-geist); letter-spacing:-.08em; }
.collection-head h2,.drop-heading h2 { margin:10px 0 0; font-size:clamp(48px,6vw,88px); font-weight:950; line-height:.87; letter-spacing:-.06em; }
.collection-head h2 em,.drop-heading h2 em { color:var(--red); font-style:normal; }
.collection-head>div:nth-child(2)>p { color:var(--red); font:10px var(--font-mono); letter-spacing:.2em; }
.collection-head>p { color:#929292; font-size:17px; line-height:1.75; }
.collection-grid { grid-template-columns:repeat(3,1fr); }
.collection-grid .theme-card { min-height:590px; }
.collection-grid .theme-card h3 { font-size:clamp(36px,3.4vw,58px); }
.drop-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:45px; }
.drop-heading>span { color:#666; font:10px var(--font-mono); letter-spacing:.16em; }
.exclusive-block,.future-section,.console-section { margin-top:100px; }
.featured-drop { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
.featured-copy { min-height:470px; padding:55px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid #272727; border-radius:27px; background:radial-gradient(circle at 100% 0,rgba(255,23,61,.15),transparent 35%),#090909; }
.featured-copy>span { color:var(--red); font:10px var(--font-mono); letter-spacing:.18em; }
.featured-copy h3 { margin:25px 0; font-size:clamp(42px,5vw,72px); }
.featured-copy p { max-width:520px; color:#888; line-height:1.75; }
.future-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.future-grid article { min-height:260px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #272727; border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); transition:.3s; }
.future-grid article:hover { transform:translateY(-5px); border-color:rgba(255,23,61,.45); }
.future-grid article>span,.future-grid article>i { color:#555; font:9px var(--font-mono); letter-spacing:.15em; font-style:normal; }
.future-grid article p { color:var(--red); font:9px var(--font-mono); letter-spacing:.14em; }
.future-grid article h3 { font-size:clamp(24px,2.5vw,39px); line-height:.92; }
.console-grid { grid-template-columns:minmax(300px,650px); }
.manifesto,.community { padding:130px 7vw; display:grid; grid-template-columns:.6fr 1.5fr .7fr; gap:6vw; align-items:end; border-top:1px solid #222; }
.manifesto h2,.watch h2,.community h2,.modes h2,.signal h2 { font-size:clamp(52px,7vw,105px); font-weight:950; }
.manifesto > div:nth-child(2) p { max-width:650px; color:#999; line-height:1.8; font-size:18px; }
.stat { display:flex; align-items:flex-end; gap:15px; border-left:1px solid #333; padding-left:28px; }
.stat strong { font-size:88px; line-height:.75; color:var(--red); }
.stat span { text-transform:uppercase; font:11px/1.5 var(--font-mono); color:#aaa; }
.modes { position:relative; padding:125px 0 140px; overflow:hidden; background:radial-gradient(circle at 80% 10%,rgba(255,23,61,.11),transparent 26%),#070707; border-top:1px solid #222; }
.slider-top { padding:0 7vw; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:62px; }
.slider-controls { display:flex; gap:10px; }
.slider-controls button { width:58px; height:58px; border:1px solid #3d3d3d; border-radius:50%; background:rgba(255,255,255,.025); color:#fff; font-size:22px; cursor:pointer; transition:.25s; }
.slider-controls button:hover { background:var(--red); border-color:var(--red); transform:scale(1.06); }
.mode-slider,.signal-slider { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:12px 7vw 30px; }
.mode-slider::-webkit-scrollbar,.signal-slider::-webkit-scrollbar { display:none; }
.mode-card { --glow:#ff173d; position:relative; flex:0 0 min(560px,76vw); height:560px; scroll-snap-align:center; border:1px solid rgba(255,255,255,.13); border-radius:28px; padding:28px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.35); }
.mode-card:after { content:""; position:absolute; width:75%; aspect-ratio:1; border-radius:50%; background:var(--glow); filter:blur(90px); opacity:.16; right:-28%; top:-15%; }
.mode-card.violet{--glow:#9146ff}.mode-card.blue{--glow:#287dff}.mode-card.green{--glow:#53fc18}.mode-card.gold{--glow:#ffae18}
.mode-no { position:relative; z-index:2; color:#777; font:12px var(--font-mono); }
.mode-orbit { position:absolute; z-index:1; inset:55px 0 auto; margin:auto; width:310px; height:310px; border:1px solid color-mix(in srgb,var(--glow) 50%,transparent); border-radius:50%; display:grid; place-items:center; box-shadow:0 0 70px color-mix(in srgb,var(--glow) 16%,transparent),inset 0 0 50px rgba(0,0,0,.8); }
.mode-orbit:before,.mode-orbit:after { content:""; position:absolute; inset:30px; border:1px dashed rgba(255,255,255,.19); border-radius:50%; animation:spin 18s linear infinite; }
.mode-orbit:after { inset:-14px; border-style:solid; border-color:transparent var(--glow); animation-direction:reverse; }
.mode-orbit span { font-size:150px; font-weight:950; font-style:italic; transform:skew(-8deg); color:#fff; text-shadow:10px 12px 0 rgba(0,0,0,.55),0 0 35px color-mix(in srgb,var(--glow) 55%,transparent); }
.mode-copy { position:absolute; z-index:2; left:30px; right:30px; bottom:30px; }
.mode-copy p { color:var(--glow); font:10px var(--font-mono); letter-spacing:.2em; }
.mode-copy h3 { font-size:clamp(38px,5vw,70px); }
.mode-copy > span { display:block; color:#a5a5a5; margin-top:13px; }
.swipe-hint { margin:0 7vw; color:#555; font:10px var(--font-mono); letter-spacing:.16em; }
.swipe-hint span { color:var(--red); margin-left:10px; }
.watch { padding:120px 7vw 150px; background:#090909; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; margin-bottom:70px; }
.platform-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; background:transparent; border:0; perspective:1200px; }
.platform-card { position:relative; min-height:510px; padding:32px; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.016) 46%,rgba(0,0,0,.35)); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.36); isolation:isolate; }
.platform-card:before { content:""; position:absolute; z-index:-2; inset:auto -20% -45% -20%; height:78%; border-radius:50%; filter:blur(60px); opacity:.23; transition:.45s; background:var(--accent); }
.platform-card:after { content:""; position:absolute; z-index:-1; inset:0; opacity:.18; background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.22) 48%,transparent 68%); transform:translateX(-120%); transition:.7s; }
.platform-card:hover { transform:translateY(-12px) rotateX(1.5deg); z-index:2; border-color:color-mix(in srgb,var(--accent) 55%,white 10%); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 34px 100px color-mix(in srgb,var(--accent) 18%,transparent); }
.platform-card:hover:before { opacity:.5; transform:scale(1.08); }
.platform-card:hover:after { transform:translateX(120%); }
.card-number { position:absolute; top:34px; right:32px; color:#555; font:11px var(--font-mono); letter-spacing:.15em; }
.platform-top { display:flex; align-items:center; gap:16px; position:relative; }
.platform-icon { position:relative; width:74px; height:74px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--accent) 55%,#333); border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,transparent),rgba(255,255,255,.025)); box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.14); }
.platform-icon img { width:34px; height:34px; filter:invert(1); }
.status { display:flex; align-items:center; gap:8px; color:#888; font:9px var(--font-mono); letter-spacing:.14em; }
.status i { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px var(--accent); animation:pulse 1.8s ease-in-out infinite; }
.platform-brand { position:relative; }
.platform-card p { color:var(--accent); font:10px var(--font-mono); letter-spacing:.2em; margin-bottom:12px; }
.platform-card h3 { font-size:clamp(50px,4.5vw,76px); }
.platform-brand > span { display:block; margin-top:13px; color:#777; font:11px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.platform-bottom { position:relative; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.12); padding-top:23px; }
.platform-link { text-transform:uppercase; font:10px var(--font-mono); letter-spacing:.14em; }
.platform-arrow { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); transition:.3s; }
.platform-card:hover .platform-arrow { color:#050505; background:var(--accent); border-color:var(--accent); transform:rotate(8deg); }
.signal { padding:125px 0 145px; border-top:1px solid #222; overflow:hidden; background:linear-gradient(180deg,#060606,#0b0b0b); }
.slider-top.compact h2 { font-size:clamp(50px,6vw,86px); margin-top:18px; }
.signal-slider { gap:14px; }
.signal-card { position:relative; flex:0 0 min(420px,74vw); min-height:275px; scroll-snap-align:center; border:1px solid #292929; border-radius:22px; padding:30px; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); transition:.3s; }
.signal-card:hover { border-color:rgba(255,23,61,.55); transform:translateY(-6px); }
.signal-card > span { color:#555; font:11px var(--font-mono); }
.signal-card h3 { font-size:42px; margin-top:72px; }
.signal-card p { color:#888; margin-bottom:0; }
.signal-card i { position:absolute; right:26px; top:22px; font-style:normal; color:var(--red); font-size:21px; }
.community { min-height:700px; background:radial-gradient(circle at 70% 50%,rgba(170,0,25,.28),transparent 35%),#050505; align-items:center; }
.community > p { max-width:430px; color:#999; font-size:18px; line-height:1.8; }
.round-link { width:185px; height:185px; border-radius:50%; background:var(--red); display:grid; place-items:center; text-align:center; font-weight:950; font-size:18px; transition:.3s; box-shadow:0 15px 60px rgba(255,23,61,.2); }
.round-link:hover { transform:rotate(-5deg) scale(1.06); }
footer { position:relative; z-index:2; padding:45px 5vw; display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:30px; align-items:center; border-top:1px solid #222; background:#050505; }
footer > p { color:#666; font:11px var(--font-mono); letter-spacing:.16em; }
.footer-links { display:flex; gap:22px; text-transform:uppercase; font:11px var(--font-mono); }
footer small { color:#555; font:9px var(--font-mono); }
.footer-system { display:grid; justify-items:end; gap:7px; font:8px var(--font-mono); letter-spacing:.14em; }.footer-system span{display:flex;align-items:center;gap:7px;color:#8e8e8e}.footer-system span i{width:6px;height:6px;border-radius:50%;background:#43d17d;box-shadow:0 0 9px rgba(67,209,125,.65)}.footer-system b{color:#4f4f4f;font-weight:500}
body.eroza-active { --red:#ff002f; }
body.eroza-active:after { content:""; position:fixed; z-index:49; inset:0; pointer-events:none; background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,0,47,.09),transparent 24%),linear-gradient(rgba(25,0,5,.12),rgba(0,0,0,.18)); mix-blend-mode:screen; }
body.eroza-active .pointer-aura { width:620px; height:620px; background:radial-gradient(circle,rgba(255,0,47,.18),transparent 67%); }
body.eroza-active .hero-bg { filter:saturate(1.35) contrast(1.08) brightness(.78); }
.activation-section { position:relative; min-height:820px; padding:120px 7vw; display:grid; grid-template-columns:1fr .85fr; gap:8vw; align-items:center; overflow:hidden; border-bottom:1px solid #252525; background:radial-gradient(circle at 75% 50%,rgba(255,23,61,.16),transparent 30%),linear-gradient(135deg,#050505,#0d0204); }
.activation-section:before { content:""; position:absolute; inset:0; opacity:.16; background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.04) 100px),repeating-linear-gradient(0deg,transparent 0 99px,rgba(255,255,255,.025) 100px); }
.activation-copy,.interactive-e-wrap { position:relative; z-index:2; }
.activation-copy h2 { margin:22px 0 30px; font-size:clamp(62px,8vw,120px); font-weight:950; line-height:.84; letter-spacing:-.07em; }
.activation-copy h2 em { color:var(--red); font-style:normal; text-shadow:0 0 35px rgba(255,23,61,.3); }
.activation-copy>p:last-of-type { max-width:620px; color:#999; font-size:18px; line-height:1.75; }
.mode-switch { margin-top:40px; width:min(540px,100%); padding:18px 20px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; border:1px solid #3a3a3a; border-radius:18px; background:rgba(255,255,255,.035); color:#fff; cursor:pointer; text-align:left; transition:.35s; }
.mode-switch>span { width:62px; height:34px; padding:3px; border-radius:999px; background:#242424; transition:.35s; }
.mode-switch>span i { display:block; width:28px; height:28px; border-radius:50%; background:#666; transition:.35s; }
.mode-switch strong { font:800 11px var(--font-mono); letter-spacing:.14em; }.mode-switch small{color:#666;font:8px var(--font-mono);letter-spacing:.12em}
.mode-switch.on { border-color:rgba(255,23,61,.75); background:rgba(255,23,61,.1); box-shadow:0 20px 60px rgba(255,23,61,.15); }
.mode-switch.on>span { background:var(--red); }.mode-switch.on>span i{transform:translateX(28px);background:#fff;box-shadow:0 0 18px #fff}.mode-switch.on small{color:var(--red)}
.interactive-e-wrap { text-align:center; perspective:1000px; }
.interactive-e { --e-rotate-x:0deg; --e-rotate-y:0deg; position:relative; width:min(430px,75vw); aspect-ratio:1; border:1px solid rgba(255,255,255,.15); border-radius:42%; background:radial-gradient(circle,rgba(255,23,61,.22),rgba(255,255,255,.025) 45%,rgba(0,0,0,.5) 70%); color:#fff; cursor:pointer; transform:rotateX(var(--e-rotate-x)) rotateY(var(--e-rotate-y)); transform-style:preserve-3d; transition:transform .15s ease-out,box-shadow .35s; box-shadow:inset 0 0 70px rgba(255,23,61,.11),0 35px 100px rgba(0,0,0,.5); }
.interactive-e span { position:relative; z-index:2; display:block; font-size:clamp(180px,23vw,330px); font-weight:950; font-style:italic; line-height:1; transform:translateZ(70px) skew(-7deg); text-shadow:13px 14px 0 #210408,0 0 35px rgba(255,23,61,.7); }
.interactive-e b { position:absolute; inset:8%; border:1px solid transparent; border-top-color:var(--red); border-radius:45%; animation:electricOrbit 4s linear infinite; filter:drop-shadow(0 0 8px var(--red)); }
.interactive-e b:nth-of-type(2){inset:3%;animation-duration:7s;animation-direction:reverse;border-color:transparent rgba(255,23,61,.35)}.interactive-e b:nth-of-type(3){inset:15%;animation-duration:2.8s;border-bottom-color:#fff}
.interactive-e:hover { box-shadow:inset 0 0 90px rgba(255,23,61,.2),0 0 80px rgba(255,23,61,.22); }
.interactive-e-wrap>p { color:#666; font:9px var(--font-mono); letter-spacing:.16em; }.interactive-e-wrap>p span{color:var(--red)}
.mode-particles { opacity:.25; transition:opacity 1s ease; }.eroza-active .mode-particles{opacity:.7}.eroza-active .interactive-e{box-shadow:inset 0 0 110px rgba(255,23,61,.26),0 0 110px rgba(255,23,61,.28)}.eroza-active .nav,.eroza-active .portal-card{border-color:rgba(255,23,61,.28)}
.network-status { padding:120px 7vw; background:radial-gradient(circle at 80% 0,rgba(255,23,61,.1),transparent 28%),#080808; border-top:1px solid #222; }
.network-status>div:first-child { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:60px; }.network-status h2{font-size:clamp(50px,7vw,100px);font-weight:950}.network-status h2 em{color:var(--red);font-style:normal}
.network-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#2a2a2a; border:1px solid #2a2a2a; }.network-grid article{min-height:220px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:#080808}.network-grid strong{color:var(--red);font-size:clamp(52px,6vw,86px);line-height:1}.network-grid span{color:#888;font:9px var(--font-mono);letter-spacing:.14em}
.command-title { background:radial-gradient(circle at 75% 50%,rgba(255,23,61,.14),transparent 30%),linear-gradient(135deg,#050505,#0b0204); }
.command-center { padding:0 7vw 150px; margin-top:-45px; position:relative; z-index:2; }
.command-bar { margin-bottom:16px; padding:18px 22px; display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; border:1px solid #313131; border-radius:14px; background:rgba(8,8,8,.88); backdrop-filter:blur(15px); font:9px var(--font-mono); letter-spacing:.14em; }.command-bar>div{display:flex;align-items:center;gap:10px}.command-bar>div i{width:8px;height:8px;border-radius:50%;background:#ffc400;box-shadow:0 0 12px #ffc400}.command-bar strong{color:#ffc400}.command-bar small{color:#666}
.preview-device-badge { position:absolute; z-index:3; left:15px; top:14px; padding:8px 11px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(5,5,5,.75); color:#fff; backdrop-filter:blur(10px); font:800 8px var(--font-mono); letter-spacing:.14em; text-transform:uppercase; }
.device-ios,.device-android { width:min(185px,70%); height:340px; margin:0 auto 4px; border:6px solid #141414; border-radius:31px; box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 30px rgba(255,23,61,.12); }
.device-ios:before,.device-android:before { content:""; position:absolute; z-index:3; top:7px; left:50%; width:64px; height:16px; border-radius:999px; background:#090909; transform:translateX(-50%); }
.device-ios img,.device-android img { object-fit:cover; }
.device-pc { border:8px solid #171717; border-bottom-width:18px; border-radius:14px; overflow:visible; }
.device-pc:before { content:""; position:absolute; top:100%; left:50%; width:80px; height:35px; background:linear-gradient(90deg,#111,#292929,#111); transform:translateX(-50%); clip-path:polygon(36% 0,64% 0,75% 75%,100% 100%,0 100%,25% 75%); }
.device-pc:after { border-radius:8px; }
.eroza-vault-section { position:relative; margin-top:100px; min-height:650px; display:grid; grid-template-columns:.5fr 1.5fr; overflow:hidden; border:1px solid #2b2b2b; border-radius:32px; background:radial-gradient(circle at 15% 50%,rgba(255,23,61,.15),transparent 25%),#070707; }
.vault-door { min-height:650px; padding:45px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-right:1px solid #2b2b2b; background:repeating-radial-gradient(circle at 50%,#101010 0 25px,#080808 26px 45px); }.vault-door>p{margin-top:40px;color:#666;font:9px var(--font-mono);letter-spacing:.2em}
.vault-lock { position:relative; width:220px; height:220px; display:grid; place-items:center; border:2px solid #383838; border-radius:50%; background:#090909; box-shadow:inset 0 0 50px #000,0 25px 70px #000; }.vault-lock span{font-size:75px;color:var(--red);transform:rotate(-25deg)}.vault-lock i{position:absolute;inset:20px;border:1px dashed #444;border-radius:50%;animation:spin 18s linear infinite}.vault-lock i:nth-of-type(2){inset:42px;animation-direction:reverse}.vault-lock i:nth-of-type(3){inset:-14px;border-style:solid;border-color:#262626 transparent}
.vault-content { padding:65px 55px; }.vault-intro{max-width:700px;color:#888;line-height:1.75;font-size:17px}
.vault-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:38px; }.vault-grid article{min-height:150px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;border:1px solid #292929;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006));opacity:.66}.vault-grid article>span{align-self:start;color:#555;font:9px var(--font-mono)}.vault-grid article h3{font-size:clamp(23px,2.5vw,38px)}.vault-grid article i{grid-column:1/-1;color:#777;font:8px var(--font-mono);letter-spacing:.16em;font-style:normal}.vault-grid article.unlocked{opacity:1;border-color:rgba(255,23,61,.45);box-shadow:inset 0 0 30px rgba(255,23,61,.06)}.vault-grid article.unlocked i{color:var(--red)}
@keyframes breathe { from{transform:scale(1.03)} to{transform:scale(1.09)} }
@keyframes ticker { from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
@keyframes spin { to{transform:rotate(360deg)} }
@keyframes pulse { 0%,100%{opacity:.45;transform:scale(.8)} 50%{opacity:1;transform:scale(1.15)} }
@keyframes loaderSpin { to{transform:rotate(360deg)} }
@keyframes loaderDrift { to{transform:translate(8%,10%) scale(1.12)} }
@keyframes emblemIn { from{opacity:0;transform:skew(-7deg) scale(.55) rotate(-12deg);filter:blur(12px)} to{opacity:1;transform:skew(-7deg) scale(1);filter:none} }
@keyframes loaderProgress { from{transform:translateX(-105%)} to{transform:translateX(0)} }
@keyframes routePulse { 50%{transform:scale(1.08);color:var(--red)} }
@keyframes routeScan { from{transform:translateX(-110%)} to{transform:translateX(330%)} }
@keyframes electricOrbit { to{transform:rotate(360deg)} }
@keyframes fogDrift { from{transform:translate3d(-3%,0,0) scale(1)} to{transform:translate3d(8%,5%,0) scale(1.12)} }
@keyframes particleFloat { from{transform:translate3d(0,0,0);opacity:.18} to{transform:translate3d(18px,-30px,0);opacity:.48} }
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-bg,.ticker-track,.mode-orbit:before,.mode-orbit:after,.loader-rings i,.loader-emblem,.loader-line i,.ambient-particles i,.mode-particles i,.cosmic-fog,.status i,.vault-lock i{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important}.premium-loader{transition:none!important}.pointer-aura,.ambient-particles{display:none}.scroll-progress span{transition:none!important}.interactive-e{transform:none!important}}
@media (max-width:900px){ .nav-links{position:absolute;top:100%;left:0;right:0;height:46px;padding:0 18px;display:flex;align-items:center;gap:25px;overflow-x:auto;background:rgba(5,5,5,.92);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);scrollbar-width:none}.nav-links a{flex:none;font-size:10px}.nav-cta{display:none}.manifesto,.community{grid-template-columns:1fr}.stat{margin-top:20px}.section-heading{display:block}.section-heading h2{margin-top:25px}.platform-grid,.value-strip,.community-cards{grid-template-columns:1fr}.platform-card{min-height:440px}footer{grid-template-columns:1fr 1fr}.scroll-note{display:none}.portal-intro{display:block}.portal-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.story-number{font-size:120px}.watch-page{margin-top:0}.discord-feature{grid-template-columns:1fr;text-align:center}.discord-logo,.discord-button{margin:auto}.discord-logo{width:220px}.discord-feature>div:nth-child(3)>p:last-child{margin-inline:auto}.theme-grid{grid-template-columns:1fr}.collection-head{grid-template-columns:1fr}.featured-drop{grid-template-columns:1fr}.future-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .nav{height:72px;padding:0 20px}.nav-cta{display:none}.hero{padding:120px 22px 70px}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35)),linear-gradient(0deg,#050505,transparent 60%)}h1{font-size:17vw}.manifesto,.watch,.community,.portal-section,.story-grid,.watch-cta,.themes-vault{padding:90px 22px}.page-title,.page-hero{padding:150px 22px 80px;min-height:72svh}.page-title h1,.page-hero h1{font-size:16vw}.modes,.signal{padding:90px 0}.slider-top{padding:0 22px;margin-bottom:42px;align-items:flex-end}.slider-controls button{width:48px;height:48px}.mode-slider,.signal-slider{padding-left:22px;padding-right:22px}.mode-card{flex-basis:86vw;height:500px}.mode-orbit{width:245px;height:245px}.mode-orbit span{font-size:115px}.mode-copy h3{font-size:42px}.platform-card{padding:28px;min-height:420px}.portal-card{grid-template-columns:1fr auto;min-height:220px}.portal-card>span{grid-column:1/-1}.round-link{width:145px;height:145px}footer{grid-template-columns:1fr;padding:40px 22px}.footer-links{flex-wrap:wrap}.value-strip article,.community-cards article{min-height:280px;padding:30px}.value-strip h3{margin-top:80px}.discord-feature{padding:90px 22px}.themes-heading{display:block}.themes-heading>span{display:block;margin-top:24px}.theme-card{min-height:430px}.theme-device{width:120px;height:120px}.theme-device i{font-size:62px}.collection-block{padding:25px;border-radius:23px}.collection-head>div:first-child strong{font-size:120px}.drop-heading{display:block}.drop-heading>span{display:block;margin-top:18px}.featured-copy{min-height:390px;padding:30px}.future-grid{grid-template-columns:1fr}.future-grid article{min-height:210px} }
@media (prefers-reduced-motion:reduce){.interactive-e b{animation:none!important}}
@media (max-width:900px){.activation-section{grid-template-columns:1fr;text-align:center}.activation-copy>p:last-of-type,.mode-switch{margin-inline:auto}.network-grid{grid-template-columns:repeat(2,1fr)}.eroza-vault-section{grid-template-columns:1fr}.vault-door{min-height:400px;border-right:0;border-bottom:1px solid #2b2b2b}.command-bar{grid-template-columns:1fr}.command-center{margin-top:0;padding-top:30px}}
@media (max-width:560px){.brand{font-size:14px;letter-spacing:.12em}.activation-section,.network-status{padding:90px 22px}.mode-switch{grid-template-columns:auto 1fr}.mode-switch small{display:none}.network-status>div:first-child{display:block}.network-status h2{margin-top:20px}.network-grid{grid-template-columns:1fr}.interactive-e{width:82vw}.vault-content{padding:45px 25px}.vault-grid{grid-template-columns:1fr}.eroza-vault-section{border-radius:22px}.command-center{padding:25px 22px 100px}.device-ios,.device-android{height:340px}.theme-actions{grid-template-columns:1fr}.footer-system{justify-items:start}}
@media (max-width:900px){.nav-links{justify-content:center}.nav-more .nav-cta{display:flex}.nav-dropdown{top:calc(100% + 9px)}}
@media (max-width:560px){.nav-more .nav-cta{display:flex;padding:10px 12px}.nav-more .nav-cta span{display:inline}.nav-dropdown{right:0;min-width:150px}}

/* PERFORMANCE PASS // preserve visuals while reducing main-thread and paint cost */
@media (pointer:coarse){
  .pointer-aura{display:none!important}
  body.eroza-active:after{mix-blend-mode:normal;background:linear-gradient(rgba(25,0,5,.08),rgba(0,0,0,.12))}
}
@media (max-width:900px){
  .ambient-system{opacity:.5}
  .cosmic-fog{filter:blur(110px)}
}
.themes-vault,.watch,.signal,.community-cards,.eroza-vault-section,.future-section,.console-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 700px;
}


/* EROZAVERSE performance pass: preserve the look while cutting off-screen paint/compositing work. */
main > section:not(.hero), .portal-card, .platform-card, .theme-card, .community-cards article, .value-strip article {
  content-visibility:auto;
  contain-intrinsic-size:auto 700px;
}
.hero-bg,.ticker-track,.cosmic-fog,.ambient-particles i,.mode-particles i,.interactive-e b {
  backface-visibility:hidden;
}
.page-hidden .hero-bg,.page-hidden .ticker-track,.page-hidden .cosmic-fog,.page-hidden .ambient-particles i,.page-hidden .mode-particles i,.page-hidden .interactive-e b,.page-hidden .loader-rings i {
  animation-play-state:paused!important;
}
@media (max-width:900px), (pointer:coarse) {
  .pointer-aura{display:none!important}
  .cosmic-fog{filter:blur(90px);opacity:.06}
  .ambient-particles i:nth-child(n+10),.mode-particles i:nth-child(n+10){display:none}
  .hero-bg{animation-duration:18s}
  .ticker-track{animation-duration:32s}
  .has-scrolled .nav{backdrop-filter:blur(10px) saturate(125%)}
}
@media (max-width:600px) {
  .cosmic-fog{filter:blur(70px)}
  .ambient-particles i:nth-child(n+7),.mode-particles i:nth-child(n+7){display:none}
}