:root{--bg:#080c14;--panel:#101725;--panel2:#141e2e;--line:#26344a;--text:#f1f6ff;--muted:#9aa9bf;--blue:#51c8ff;--gold:#ffc66d;--green:#7de0ae;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:400px;height:400px;background:#0876c9;top:180px;left:-180px}.ambient-two{width:420px;height:420px;background:#bd741c;top:500px;right:-220px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1220px)/2),5.5vw);border-bottom:1px solid #ffffff12;background:#080c14d9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand img{height:57px;width:57px;object-fit:cover;border-radius:15px;box-shadow:0 0 24px #2daeff22}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:20px;letter-spacing:.2px}.brand small{font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:5px}.topbar nav{display:flex;gap:27px;align-items:center}.topbar nav a{font-size:12px;color:#b5c1d4;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:white}.topbar nav a.active:after{content:"";display:block;width:16px;height:2px;background:var(--blue);margin-top:7px;border-radius:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 20px;border-radius:10px;background:linear-gradient(120deg,#4bcaff,#2996ee);color:#06111e;font-size:12px;font-weight:800;box-shadow:0 7px 25px #249fe32a;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button span{font-size:18px;line-height:1}.button-small{padding:10px 14px;gap:9px}.button-ghost{background:#ffffff05;color:#e6edf9;border:1px solid #ffffff25;box-shadow:none}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{max-width:1220px;margin:auto;min-height:620px;padding:77px 0 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:0 0 28px 10px;z-index:1}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1{font-size:clamp(46px,5.5vw,74px);letter-spacing:-3.8px;line-height:1.02;margin:24px 0 22px;font-weight:900}h1 span{background:linear-gradient(95deg,#55d0ff 0%,#94e1ff 35%,#ffd084 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{font-size:14px;color:#aab8cd;max-width:475px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-stats{display:flex;gap:35px;margin-top:55px;padding-top:22px;border-top:1px solid #ffffff17;max-width:470px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:10px;letter-spacing:1px}.hero-stats small{font-size:10px;color:var(--muted);margin-top:4px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0}.hero-art:before{content:"";position:absolute;width:90%;aspect-ratio:1;border:1px solid #65cfff22;border-radius:50%;box-shadow:0 0 0 25px #65cfff05,0 0 0 55px #65cfff03}.hero-art img{position:relative;width:min(100%,540px);height:auto;filter:drop-shadow(0 25px 48px #000b);animation:float 6s ease-in-out infinite}.art-glow{position:absolute;width:75%;height:75%;background:radial-gradient(circle,#1679c633,transparent 68%);filter:blur(22px)}.floating-tag{position:absolute;background:#0b111de8;border:1px solid #ffffff20;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:1px;box-shadow:0 12px 28px #0006}.tag-top{top:13%;right:-2%}.tag-bottom{bottom:13%;left:0}.tag-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.blue{background:var(--blue);box-shadow:0 0 10px var(--blue)}.gold{background:var(--gold);box-shadow:0 0 10px var(--gold)}.hero-bottomline{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:20px 10px 0;font-size:9px;color:#68788f;letter-spacing:1.5px}.section{max-width:1220px;margin:0 auto;padding:82px 10px}.community-strip{display:grid;grid-template-columns:1.05fr 1.3fr auto;align-items:center;gap:45px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding-top:35px;padding-bottom:35px}.community-strip h2{font-size:27px;margin:7px 0 0;letter-spacing:-1px}.community-strip h2 span,.section-heading h2 span,.forum-intro h2 span,.join-banner h2 span{color:var(--blue)}.community-strip p{font-size:12px;color:var(--muted);max-width:420px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2,.forum-intro h2{font-size:39px;line-height:1.15;letter-spacing:-1.6px;margin:9px 0}.section-heading p,.forum-intro>p{font-size:12px;color:var(--muted);margin:8px 0 0}.section-number{font-size:10px;color:#697b92;letter-spacing:2px;padding-bottom:10px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.mini-card{background:linear-gradient(145deg,#111a29,#0d1420);border:1px solid #ffffff12;border-radius:var(--radius);overflow:hidden;transition:transform .22s,border-color .22s}.feature-card:hover,.mini-card:hover{transform:translateY(-4px);border-color:#55cfff50}.card-art{height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art:before,.card-art:after{content:"";position:absolute;inset:0}.art-tech{background:radial-gradient(ellipse at 50% 120%,#2e91ac,#102b3d 45%,#0c1422 80%)}.art-tech:before{background:linear-gradient(130deg,transparent 20%,#4fd9ff1b 50%,transparent 80%)}.art-explore{background:radial-gradient(ellipse at 50% 120%,#438b68,#1b3a3b 45%,#0c1422 80%)}.art-survival{background:radial-gradient(ellipse at 50% 120%,#ba7938,#543523 45%,#0c1422 80%)}.pixel-icon{font-size:62px;color:#c1efff;text-shadow:0 0 28px #42caff80;z-index:1}.art-explore .pixel-icon{color:#c2ffd9;text-shadow:0 0 28px #5aff9e80}.art-survival .pixel-icon{color:#ffda9b;text-shadow:0 0 28px #ff9c3880}.art-label{position:absolute;left:18px;bottom:14px;font-size:9px;letter-spacing:2px;color:#ffffffb8;font-weight:800}.card-body{padding:20px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--blue);font-size:9px;letter-spacing:1.2px;font-weight:800}.pill{font-size:9px;letter-spacing:0;color:#b4c3d8;background:#ffffff09;border:1px solid #ffffff14;border-radius:6px;padding:5px 7px}.card-body h3{font-size:19px;margin:13px 0 7px}.card-body p{font-size:11px;line-height:1.8;color:var(--muted);min-height:60px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-size:11px;font-weight:800;margin-top:12px}.text-link span{font-size:16px}.fine-print{font-size:10px;color:#74839a;margin-top:15px}.showcase-section{border-top:1px solid #ffffff10}.mini-preview{height:170px;position:relative;display:flex;align-items:end;padding:18px;overflow:hidden;background:#122437}.mini-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#070c16d9),radial-gradient(ellipse at 50% 20%,#5ecaff77,transparent 60%)}.preview-complementary{background:linear-gradient(145deg,#4c9b9d,#173a4c 45%,#0b1425)}.preview-makeup{background:linear-gradient(145deg,#a5c9d1,#315f73 45%,#121e32)}.preview-bliss{background:linear-gradient(145deg,#c68d91,#6a617f 45%,#17223c)}.mini-preview:after{content:"";position:absolute;width:120%;height:65px;left:-10%;bottom:22px;border-radius:50%;border-top:2px solid #b1eaff66;transform:rotate(-8deg);box-shadow:0 -14px 40px #67cfff17}.mini-preview span{position:absolute;top:15px;left:16px;font-size:10px;color:#ffffffad;z-index:1}.mini-preview b{z-index:1;font-size:10px;letter-spacing:2px}.mini-info{padding:17px;display:flex;justify-content:space-between;gap:10px;align-items:center}.mini-info h3{font-size:14px;margin:0 0 4px}.mini-info p{font-size:10px;color:var(--muted);margin:0}.round-arrow{height:34px;width:34px;flex:0 0 34px;border:1px solid #ffffff23;border-radius:50%;display:grid;place-items:center;color:var(--blue);transition:.2s}.round-arrow:hover{background:var(--blue);color:#07111c}.resource-section{border-top:1px solid #ffffff10}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource-item{display:flex;align-items:center;gap:15px;background:#0f1724;border:1px solid #ffffff12;padding:17px;border-radius:14px;transition:.2s}.resource-item:hover{border-color:#51c8ff65;transform:translateY(-2px)}.resource-symbol{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;flex:0 0 46px}.faithful{background:#3b89ac2c;color:#72d5ff}.stay{background:#4ab98225;color:#82e8b0}.fresh{background:#d2a24c24;color:#ffcf7c}.search{background:#9b7fe626;color:#c7b4ff}.resource-copy{display:flex;flex-direction:column;min-width:0}.resource-copy b{font-size:13px}.resource-copy small{font-size:10px;color:var(--muted);margin-top:3px}.resource-arrow{margin-left:auto;color:var(--blue);font-size:18px}.forum-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid #ffffff10}.forum-intro h2{margin-top:12px}.forum-search{display:flex;gap:10px;align-items:center;margin-top:25px;padding:0 14px;height:44px;background:#0f1724;border:1px solid #ffffff18;border-radius:10px;color:#74869f}.forum-search input{width:100%;background:none;border:0;outline:none;color:white;font:inherit;font-size:11px}.forum-search input::placeholder{color:#718097}.demo-note{font-size:9px!important;color:#65768c!important;margin-top:10px!important}.topic-list{display:flex;flex-direction:column;gap:10px}.topic{display:flex;align-items:center;gap:13px;background:#101825;border:1px solid #ffffff12;padding:15px;border-radius:13px;transition:.2s}.topic:hover{background:#151f2f;border-color:#51c8ff4d}.topic-icon{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex:0 0 38px}.blue-icon{color:#65d4ff;background:#46c8ff1a}.gold-icon{color:#ffcf7c;background:#ffc66d1a}.green-icon{color:#8ce9b3;background:#7de0ae1a}.purple-icon{color:#c8a8ff;background:#ae83ff1a}.topic-copy{display:flex;flex-direction:column;min-width:0}.topic-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-copy small{font-size:9px;color:var(--muted);margin-top:3px}.topic-count{font-size:9px;color:#8b9ab0;white-space:nowrap;margin-left:auto}.topic-arrow{font-size:16px;color:var(--blue)}.join-banner{max-width:1220px;margin:0 auto 75px;padding:25px 35px;display:flex;align-items:center;gap:25px;background:linear-gradient(110deg,#122c40,#151d2b 60%,#2c2118);border:1px solid #ffffff1a;border-radius:22px}.join-emblem{width:85px;height:85px;flex:0 0 85px}.join-emblem img{width:100%;height:100%;object-fit:cover;border-radius:17px}.join-banner h2{font-size:25px;letter-spacing:-.8px;margin:5px 0}.join-banner p{font-size:11px;color:var(--muted);margin:0}.join-banner>.button{margin-left:auto;white-space:nowrap}footer{border-top:1px solid #ffffff13;display:grid;grid-template-columns:1fr 2fr 1fr auto;align-items:center;gap:20px;padding:25px max(calc((100vw - 1220px)/2),5.5vw);color:#8291a7}footer p{font-size:9px}footer div{display:flex;gap:16px;font-size:10px}footer small{font-size:9px;white-space:nowrap}.footer-brand{font-size:19px;font-weight:900;color:#eaf6ff}.footer-brand span{color:var(--blue)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1280px){.hero,.section,.join-banner{margin-left:5.5vw;margin-right:5.5vw}.hero{padding-top:60px}.topbar{padding-left:5.5vw;padding-right:5.5vw}}@media(max-width:900px){.topbar nav{gap:13px}.topbar nav a{font-size:10px}.topbar .button-small{display:none}.hero{grid-template-columns:1fr 0.85fr;min-height:560px}.hero-stats{gap:18px}.floating-tag{font-size:7px}.community-strip{grid-template-columns:1fr 1fr;gap:10px 25px}.community-strip>.button{grid-column:2;justify-self:start}.forum-section{gap:30px}.topic-count{display:none}footer{grid-template-columns:1fr 2fr;gap:8px 20px}footer div{grid-column:1;grid-row:2}footer small{grid-column:2;grid-row:2;justify-self:end}}@media(max-width:650px){.topbar{height:72px}.brand{min-width:0}.brand img{width:45px;height:45px}.brand b{font-size:17px}.brand small{font-size:7px}.menu-toggle{display:block;margin-left:auto;margin-right:12px}.topbar nav{display:none;position:absolute;top:71px;left:0;right:0;background:#0b111df7;padding:20px 6vw 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ffffff1a}.topbar nav.open{display:flex}.topbar nav a{font-size:13px}.topbar nav a.active:after{display:none}.hero{display:flex;flex-direction:column;padding-top:48px;align-items:stretch;min-height:0}.hero-copy{padding:0}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-text{font-size:13px}.hero-stats{margin-top:30px;justify-content:space-between;gap:10px}.hero-stats b{font-size:8px}.hero-stats small{font-size:9px}.hero-art{margin:25px auto 10px;width:100%;max-width:420px}.hero-art img{width:100%}.floating-tag{padding:7px 8px}.tag-top{right:0}.tag-bottom{left:0}.hero-bottomline{width:100%;font-size:7px;padding-top:15px}.section{padding:55px 0}.community-strip{display:block;padding-top:30px;padding-bottom:30px}.community-strip p{margin:12px 0}.section-heading{align-items:flex-start}.section-heading h2,.forum-intro h2{font-size:32px}.section-number{display:none}.three{grid-template-columns:1fr}.card-art,.mini-preview{height:190px}.card-body p{min-height:0}.mini-info h3{font-size:15px}.resource-grid{grid-template-columns:1fr}.forum-section{display:block}.forum-intro{margin-bottom:25px}.topic{padding:12px;gap:10px}.topic-copy b{font-size:10px}.topic-copy small{font-size:9px}.topic-icon{width:34px;height:34px;flex-basis:34px}.join-banner{margin-bottom:45px;padding:20px;gap:14px;flex-wrap:wrap}.join-emblem{width:60px;height:60px;flex-basis:60px}.join-banner>div:nth-child(2){flex:1;min-width:160px}.join-banner h2{font-size:20px}.join-banner p{font-size:10px}.join-banner>.button{margin:5px 0 0;width:100%}footer{padding:25px 5.5vw;grid-template-columns:1fr;gap:8px}footer p{margin:0}footer div,footer small{grid-column:auto;grid-row:auto;justify-self:start}footer div{margin:8px 0}.hero-actions .button{padding:12px 14px}.section-heading>.text-link{font-size:9px;white-space:nowrap;margin-top:14px}}