:root{--bg:#070617;--panel:#100d2a;--text:#fff;--muted:#a9a6c7;--p:#9b4dff;--pink:#ff43c7;--blue:#34a8ff;--line:rgba(156,93,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(70% 55% at 78% 16%,rgba(92,36,255,.22),transparent 60%),radial-gradient(45% 35% at 18% 42%,rgba(255,34,205,.1),transparent 70%),var(--bg);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:78px;display:flex;align-items:center;gap:36px;width:min(1180px,calc(100% - 40px));margin:auto;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-right:auto}.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover}.brand span{font-size:28px;font-weight:900;letter-spacing:.04em;background:linear-gradient(90deg,#d8e9ff,#e85fff);-webkit-background-clip:text;color:transparent}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.footer-links a,.mobile-nav a{text-decoration:none;color:#c8c3dd;font-size:14px}.desktop-nav a.active,.desktop-nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.18);transition:.25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(90deg,#486cff,#a73cff 55%,#ff3ea5);box-shadow:0 0 30px rgba(146,57,255,.24)}.btn.small{height:42px;padding:0 18px}.btn-ghost{background:rgba(255,255,255,.03)}.btn-light{background:#fff;color:#5b2ade}.btn-ghost.light{border-color:rgba(255,255,255,.5)}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.mobile-nav{display:none}
.hero{min-height:700px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:24px;padding:64px 0 72px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;color:#c56cff;margin-bottom:18px}.hero h1,.section-head h2,.story h2,.download h2{font-size:clamp(48px,6vw,82px);line-height:.98;margin:0 0 26px;letter-spacing:-.045em}.hero h1 span,.section-head h2 span,.story h2 span,.download h2 span{background:linear-gradient(90deg,#ff8eea,#8e68ff,#5ecbff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:560px}.cta-row{display:flex;gap:14px;margin:30px 0}.trust-row{display:flex;gap:32px;margin-top:38px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:19px}.trust-row span{font-size:12px;color:var(--muted);margin-top:4px}.hero-visual{min-height:560px;position:relative}.phone-card{position:absolute;left:18%;top:20px;width:330px;height:560px;border-radius:42px;background:linear-gradient(160deg,#0d0c26,#080817);border:7px solid #25243b;padding:32px 18px;box-shadow:0 45px 90px rgba(0,0,0,.55),0 0 70px rgba(105,50,255,.25);transform:rotate(5deg);z-index:3;overflow:hidden}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:90px;height:20px;border-radius:20px;background:#03030a}.mini-top{display:flex;justify-content:space-between;font-size:12px;margin:8px 0 18px}.mini-top b{color:#e874ff}.mini-banner{height:120px;border-radius:18px;padding:20px;font-size:20px;line-height:1.2;background:radial-gradient(circle at 80% 20%,#d348ff 0 12%,transparent 13%),linear-gradient(135deg,#1c44ff,#7d1cff 60%,#f12ab5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.mini-tabs{display:flex;gap:14px;font-size:10px;margin:18px 0}.mini-tabs span{color:#77728f}.mini-tabs .on{color:#fff}.mini-room{height:68px;border-radius:15px;background:#12112e;border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:36px 1fr 30px;gap:8px;align-items:center;padding:0 12px;margin:10px 0}.mini-room div{display:flex;flex-direction:column}.mini-room b{font-size:11px}.mini-room small{font-size:9px;color:#6f6a85;margin-top:3px}.mini-room em{font-style:normal;color:#ed5ff3}.hero-mascot{position:absolute;width:300px;height:300px;object-fit:cover;border-radius:40%;right:-5%;bottom:2%;z-index:4;filter:drop-shadow(0 30px 40px rgba(91,36,255,.35));animation:float 5s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(6px);opacity:.55}.orb-a{width:380px;height:380px;right:-40px;top:50px;background:radial-gradient(circle,#602aff 0,transparent 68%)}.orb-b{width:310px;height:310px;left:20px;bottom:0;background:radial-gradient(circle,#ff27c1 0,transparent 70%)}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:100px}.value-card{display:flex;gap:18px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,18,54,.88),rgba(10,8,26,.72));border-radius:22px}.glow-icon{font-size:36px;filter:drop-shadow(0 0 14px #9d53ff)}.value-card h3{margin:0 0 8px;font-size:18px}.value-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;padding:90px 0 120px}.story h2,.section-head h2,.download h2{font-size:clamp(40px,5vw,68px)}.story p{color:var(--muted);font-size:17px;line-height:1.75}.text-link{display:inline-block;margin-top:16px;color:#cf83ff;text-decoration:none;font-weight:700}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.showcase img{width:100%;border-radius:28px;border:1px solid rgba(183,98,255,.35);box-shadow:0 24px 50px rgba(0,0,0,.45)}.showcase img:nth-child(2){transform:translateY(46px)}
.rooms{padding:70px 0 120px}.section-head{text-align:center;max-width:860px;margin:0 auto 48px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-panel{min-height:300px;padding:40px;border-radius:28px;border:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(22,15,55,.95),rgba(8,7,24,.9))}.room-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;bottom:-90px;filter:blur(8px);opacity:.35}.room-panel.guild:after{background:#9e34ff}.room-panel.channel:after{background:#15a9ff}.room-symbol{width:110px;height:110px;border-radius:26px;display:grid;place-items:center;font-size:54px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.room-panel h3{font-size:26px;margin:4px 0 12px}.room-panel p{color:var(--muted);line-height:1.65}.room-panel ul{padding-left:18px;color:#d6d2e8;line-height:1.9;font-size:14px}
.moments{padding:80px 0 130px}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.moment-card{margin:0;position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:#0b0921;min-height:510px}.moment-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.moment-card:hover img{transform:scale(1.03)}.moment-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,3,15,.96))}.moment-card figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;display:flex;flex-direction:column;gap:6px}.moment-card strong{font-size:22px}.moment-card span{color:#bbb5d1}
.download{padding-bottom:80px}.download-card{min-height:330px;border-radius:34px;padding:50px 56px;display:grid;grid-template-columns:1fr 320px;align-items:center;overflow:hidden;border:1px solid rgba(209,97,255,.5);background:radial-gradient(circle at 80% 50%,rgba(27,121,255,.3),transparent 33%),linear-gradient(110deg,#4b22ff,#9a20e9 50%,#ff2db2);box-shadow:0 26px 80px rgba(80,24,255,.22)}.download-card p{color:#e7dff5}.download-card img{width:290px;border-radius:32%;justify-self:end;filter:drop-shadow(0 22px 32px rgba(0,0,0,.25))}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:35px 0 45px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;border-radius:12px}.footer-brand div{display:flex;flex-direction:column}.footer-brand span,.copyright{font-size:12px;color:#77738e}.footer-links{display:flex;gap:22px}.copyright{grid-column:1/-1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}
@media(max-width:900px){.desktop-nav,.site-header>.btn{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;left:20px;right:20px;top:74px;z-index:30;padding:18px;border-radius:18px;background:rgba(12,9,34,.96);backdrop-filter:blur(16px);border:1px solid var(--line);flex-direction:column;gap:14px}.mobile-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.cta-row,.trust-row{justify-content:center}.hero-visual{min-height:540px}.phone-card{left:50%;transform:translateX(-50%) rotate(2deg);width:300px}.hero-mascot{right:1%;width:190px;height:190px}.value-strip,.moment-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr;gap:40px}.showcase{max-width:660px;margin:auto}.room-grid{grid-template-columns:1fr}.download-card{grid-template-columns:1fr;text-align:center}.download-card img{justify-self:center;width:220px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:600px){.shell,.site-header{width:min(100% - 24px,1180px)}.brand span{font-size:24px}.hero{min-height:auto;padding-bottom:30px}.hero h1{font-size:52px}.hero-copy>p{font-size:16px}.cta-row{flex-direction:column}.trust-row{gap:18px}.hero-visual{min-height:480px}.phone-card{width:278px;height:480px;padding-top:29px}.hero-mascot{width:150px;height:150px;right:-4%;bottom:0}.value-strip{padding-bottom:55px}.value-card{padding:22px}.story,.rooms,.moments{padding:55px 0}.showcase{gap:10px}.showcase img{border-radius:18px}.room-panel{grid-template-columns:1fr;min-height:0;padding:28px}.room-symbol{width:80px;height:80px;font-size:38px}.moment-card{min-height:460px}.download-card{padding:34px 24px}.site-footer{padding-bottom:35px}}