:root{color-scheme:dark;--bg:#060616;--panel:#0e0b25;--panel-2:#100c2d;--text:#f4f2ff;--muted:#b5afcd;--subtle:#8b82a8;--violet:#b356ff;--purple:#8b3aff;--cyan:#1ce5ff;--line:rgba(190,130,255,.25);--shadow:0 24px 80px rgba(0,0,0,.4);--radius:22px;--container:1220px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:8px}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(calc(100% - 76px),var(--container));margin-inline:auto}.ico{display:inline-block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.ico-mini{width:16px;height:16px}.skip-link{position:fixed;top:-100px;left:12px;z-index:9999;background:#fff;color:#000;padding:12px 18px}.skip-link:focus{top:12px}
/* Light is layered and CSS-only; never blocks text interaction. */
.ambient-glow{position:fixed;pointer-events:none;z-index:-1;width:45vw;height:40vw;opacity:.26;filter:blur(90px)}.ambient-glow-one{top:28vh;left:-30vw;background:radial-gradient(circle,rgba(133,44,255,.47),transparent 70%)}.ambient-glow-two{top:80vh;right:-25vw;background:radial-gradient(circle,rgba(3,158,255,.42),transparent 68%)}.pointer-halo{position:fixed;z-index:30;pointer-events:none;left:0;top:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(155,65,255,.075),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;mix-blend-mode:screen}
/* Navigation */
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:padding .25s,background .25s}.topbar.scrolled{padding:10px 0;background:linear-gradient(180deg,rgba(5,4,18,.97),rgba(5,4,18,.82) 90%,transparent);backdrop-filter:blur(14px)}.nav-shell{height:66px;padding:0 19px 0 14px;border:1px solid rgba(173,90,255,.42);border-radius:18px;display:flex;align-items:center;gap:24px;background:rgba(11,8,32,.63);backdrop-filter:blur(24px);box-shadow:0 10px 48px rgba(13,0,44,.37),inset 0 1px rgba(255,255,255,.09);position:relative}.nav-shell:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(215,140,255,.33),transparent 28%,transparent 70%,rgba(71,237,255,.14));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.nav-brand{display:flex;align-items:center;gap:12px;min-width:215px;white-space:nowrap;font-size:15px;letter-spacing:.37em;font-weight:800;text-shadow:0 0 16px rgba(161,112,255,.55)}.nav-brand img{height:48px;width:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(116,66,255,.5));transition:transform .5s}.nav-brand:hover img{transform:rotate(-15deg) scale(1.1)}.nav-links{display:flex;gap:5px;justify-content:center;align-items:center;flex:1}.nav-item{font-size:12.5px;font-weight:700;color:#c4bed6;white-space:nowrap;padding:12px 14px;border-radius:11px;transition:background .2s,color .2s,box-shadow .2s}.nav-item:hover,.nav-item.is-active{color:#fff;background:rgba(151,57,255,.18);box-shadow:inset 0 0 0 1px rgba(187,89,255,.38),0 0 23px rgba(141,44,255,.22)}.nav-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;white-space:nowrap;font-size:12px;font-weight:800;border:1px solid rgba(212,103,255,.58);border-radius:12px;background:linear-gradient(135deg,rgba(180,46,250,.55),rgba(43,25,111,.72));box-shadow:0 0 19px rgba(161,40,255,.27),inset 0 1px rgba(255,255,255,.18);transition:transform .2s,box-shadow .2s}.nav-cta .ico:first-child{width:19px;height:19px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(168,61,255,.5)}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:#fff;background:rgba(114,48,199,.2);border:1px solid rgba(169,84,255,.48);border-radius:11px;cursor:pointer}.menu-close{display:none}
/* Hero */
.hero{min-height:min(850px,100svh);min-height:max(760px,92svh);position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:135px 0 120px;background:radial-gradient(ellipse 80% 75% at 85% 25%,rgba(92,27,180,.18),transparent 74%),radial-gradient(ellipse 70% 70% at 15% 20%,rgba(72,30,177,.21),transparent 78%),#060617}.hero-nebula{position:absolute;inset:0;z-index:-3;background:url('/assets/cosmic-background.webp') center center/cover no-repeat;opacity:.93}.hero-castle{position:absolute;z-index:-2;top:35px;right:-2%;height:100%;width:46%;background:url('/assets/castle-world.webp') right center/cover no-repeat;opacity:.4;mix-blend-mode:screen;filter:saturate(1.27);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.65) 32%,black 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.65) 32%,black 100%)}.starfield{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 8% 15%,#fff,transparent),radial-gradient(2px 2px at 76% 14%,#67d8ff,transparent),radial-gradient(1px 1px at 58% 62%,#e8b6ff,transparent),radial-gradient(3px 3px at 91% 63%,#a85dff,transparent),radial-gradient(2px 2px at 23% 79%,#d9c6ff,transparent);background-size:400px 330px,450px 400px,370px 360px,320px 260px,300px 370px;animation:star-drift 30s linear infinite alternate}@keyframes star-drift{to{transform:translateY(-35px)}}.hero-inner{display:grid;grid-template-columns:49% 51%;align-items:center;gap:10px;position:relative;z-index:1}.hero-brand-panel{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:520px;transform-style:preserve-3d}.mark-aura{position:absolute;top:8%;width:85%;height:83%;border-radius:50%;background:radial-gradient(ellipse,rgba(92,51,221,.32),rgba(46,12,88,.11) 49%,transparent 73%);filter:blur(40px);animation:aura-pulse 7s ease-in-out infinite alternate}@keyframes aura-pulse{to{transform:scale(1.13);opacity:.7}}.hero-mark{position:relative;width:min(99%,560px);height:auto;object-fit:contain;filter:drop-shadow(0 0 29px rgba(148,52,255,.39)) drop-shadow(0 0 62px rgba(34,184,255,.2));animation:float 8s ease-in-out infinite;will-change:transform}@keyframes float{50%{transform:translateY(-13px)}}.hero-wordmark{position:relative;margin-top:-15px;font-size:clamp(18px,2.6vw,31px);font-weight:800;letter-spacing:.51em;margin-right:-.51em;color:#e7f4ff;text-shadow:0 0 8px #168aff,0 0 25px rgba(71,148,255,.72),0 0 48px rgba(140,62,255,.4)}.hero-wordmark-underline{margin-top:16px;width:60%;height:2px;background:linear-gradient(90deg,transparent,#9e48ff 20%,#1cf2ff 50%,#984eff 78%,transparent);box-shadow:0 0 24px #994fff}.hero-copy{position:relative;z-index:2;padding:35px 0 45px 14px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:850;letter-spacing:.2em;color:#cab2ff;margin-bottom:24px}.eyebrow .ico{width:16px;height:16px;color:var(--cyan)}.eyebrow-dot{width:4px;height:4px;border-radius:50%;background:#a866ec}.hero-copy h1{max-width:690px;font-size:clamp(37px,4.3vw,63px);line-height:1.13;letter-spacing:-.052em;font-weight:830;text-wrap:balance;text-shadow:0 3px 30px rgba(0,0,0,.5)}.text-shine{background:linear-gradient(95deg,#d798ff 4%,#a362ff 32%,#42d8ff 70%,#04f2fb 100%);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy>p:not(.hero-micro){max-width:505px;line-height:1.83;font-size:15px;color:#d4cae4;margin-top:25px;text-shadow:0 2px 9px #02030b}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 19px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:800;transition:transform .23s,filter .23s,box-shadow .23s}.button .ico{height:20px;width:20px}.button .ico-mini{height:15px;width:15px}.button:hover{transform:translateY(-4px);filter:brightness(1.1)}.button-primary{background:linear-gradient(115deg,#f33086,#a32cf2 75%,#6d37f2);border-color:#f181fe;box-shadow:0 0 25px rgba(234,55,196,.26),inset 0 1px rgba(255,255,255,.25)}.button-secondary{background:linear-gradient(115deg,rgba(114,41,204,.75),rgba(25,106,192,.64));border-color:#a66cff;box-shadow:0 0 23px rgba(82,48,230,.26),inset 0 1px rgba(255,255,255,.13)}.hero-micro{margin-top:27px;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.08em;color:#a9a3c3}.signal{width:8px;height:8px;border-radius:50%;background:#3dffdb;box-shadow:0 0 12px #21fbbf;animation:signal-pulse 2.4s infinite}@keyframes signal-pulse{50%{opacity:.5;box-shadow:0 0 4px #21fbbf}}.scroll-cue{position:absolute;z-index:4;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#cbb0ff;font-size:10px;font-weight:850;letter-spacing:.32em;text-shadow:0 0 12px #933fff}.scroll-cue svg{width:31px;height:31px;stroke-width:2;animation:scroll-nudge 2s ease-in-out infinite}@keyframes scroll-nudge{50%{transform:translateY(9px)}}.hero-bottom-fade{position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:0;height:185px;background:linear-gradient(0deg,#060616,transparent)}
/* Section title */
.section{position:relative;padding:80px 0 95px}.section::before{content:"";position:absolute;pointer-events:none;inset:0;background:url('/assets/cosmic-background.webp') center/cover no-repeat;opacity:.32;z-index:-1}.section-heading{text-align:center;margin:0 auto 44px;max-width:800px}.section-kicker{display:flex;gap:15px;align-items:center;justify-content:center;color:#c9a3ff;font-size:10px;font-weight:800;letter-spacing:.27em;margin-bottom:14px}.dotline{width:47px;height:1px;background:linear-gradient(90deg,transparent,#b663fb);position:relative}.dotline:last-child{transform:rotate(180deg)}.dotline::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border:1px solid #d6b4ff;transform:rotate(45deg);box-shadow:0 0 8px #bb6cff;background:#713bc2}.section-heading h2{font-size:clamp(34px,4.2vw,55px);letter-spacing:-.046em;line-height:1.12;font-weight:820;text-shadow:0 0 32px rgba(145,70,244,.15)}.section-heading p{color:var(--muted);font-size:15px;line-height:1.7;margin-top:15px}
/* Feature cards */
.section-upcoming{padding-top:70px;background:radial-gradient(ellipse at 30% 30%,rgba(56,18,103,.15),transparent 62%)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.feature-card{position:relative;isolation:isolate;min-height:352px;border-radius:21px;overflow:hidden;border:1px solid rgba(175,86,255,.53);background:#0b0a26;box-shadow:0 16px 40px rgba(0,0,0,.38),inset 0 0 22px rgba(108,63,213,.05);transition:transform .33s ease,border-color .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);border-color:rgba(217,123,255,.9);box-shadow:0 22px 58px rgba(77,22,155,.27),0 0 22px rgba(152,38,255,.25)}.feature-card:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(229,123,255,.16),transparent 30%,transparent 74%,rgba(48,198,255,.13));z-index:3}.feature-art{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;filter:saturate(1.2);transition:transform .7s}.feature-card:hover .feature-art{transform:scale(1.1)}.feature-academy .feature-art{background-image:linear-gradient(0deg,#09071c 4%,rgba(8,7,25,.4) 59%,rgba(8,7,25,.27)),url('/assets/academy-world.webp')}.feature-patreon .feature-art{background-image:linear-gradient(0deg,#10071d 2%,rgba(14,7,30,.37) 66%,rgba(8,5,23,.18)),url('/assets/patreon-world.webp')}.feature-mods .feature-art{background-image:linear-gradient(0deg,#060a21 2%,rgba(6,9,27,.5) 55%,rgba(6,9,27,.2)),url('/assets/mods-world.webp')}.feature-community .feature-art{background-image:linear-gradient(0deg,#0c0823 2%,rgba(7,7,29,.47) 65%,rgba(7,7,29,.2)),url('/assets/community-world.webp')}.feature-content{padding:23px 21px 21px;display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:352px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(133,46,220,.22);border:1px solid rgba(193,89,255,.48);box-shadow:0 0 20px rgba(195,59,255,.17);color:#ead0ff;margin-bottom:13px;backdrop-filter:blur(5px)}.feature-icon svg{width:26px;height:26px}.feature-patreon .feature-icon{color:#ffa4d0}.feature-mods .feature-icon{color:#74f4ff}.feature-label{font-size:9px;letter-spacing:.2em;color:#b0a1d9;font-weight:800;margin-bottom:7px}.feature-content h3{font-size:19px;line-height:1.2;letter-spacing:-.025em;font-weight:820;text-shadow:0 2px 8px #010214}.feature-content p{font-size:12px;line-height:1.75;color:#e1dbee;margin-top:11px;max-width:260px;text-shadow:0 2px 8px #040415}.soon-chip{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:10px;font-weight:800;background:rgba(15,8,39,.73);border:1px solid rgba(170,116,255,.36);border-radius:999px;padding:8px 11px;color:#dccaff;backdrop-filter:blur(12px)}.tiny-dot{width:6px;height:6px;background:#ac86ff;border-radius:50%;box-shadow:0 0 8px #ac86ff}.teaser-banner{position:relative;display:flex;align-items:center;gap:20px;min-height:215px;overflow:hidden;margin-top:28px;border:1px solid rgba(112,113,247,.4);background:linear-gradient(115deg,rgba(15,8,44,.93),rgba(19,8,52,.79)),#0b0929;border-radius:23px;box-shadow:0 24px 50px rgba(0,0,0,.3)}.teaser-image{position:absolute;inset:0 48% 0 0;background:url('/assets/course-cover.webp') 62% 46%/cover no-repeat;opacity:.85;-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent)}.teaser-copy{margin-left:37%;position:relative;z-index:1;padding:28px 0;max-width:510px}.mini-label{font-size:9px;font-weight:850;letter-spacing:.2em;color:#8eeaff}.teaser-copy h3{font-size:25px;line-height:1.2;margin-top:10px;letter-spacing:-.02em}.teaser-copy h3 span{color:#91dfff}.teaser-copy p{font-size:12px;line-height:1.7;color:#c4bedf;margin-top:9px}.teaser-mark{margin-left:auto;margin-right:28px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;font-weight:850;letter-spacing:.2em;color:#b6a0db}.teaser-mark svg{width:34px;height:34px;color:#bc88f3}
/* Social */
.section-social{padding-top:84px;padding-bottom:90px;background:radial-gradient(ellipse 55% 50% at 95% 50%,rgba(45,39,172,.17),transparent),radial-gradient(ellipse 48% 60% at 0 50%,rgba(97,26,174,.18),transparent)}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.social-card{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:16px;border-radius:18px;border:1px solid rgba(141,111,217,.37);background:linear-gradient(140deg,rgba(25,17,58,.89),rgba(13,13,42,.75));box-shadow:0 10px 27px rgba(0,0,0,.22);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;overflow:hidden}.social-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 0%,rgba(118,63,219,.2),transparent 60%)}.social-card.is-live:hover{transform:translateY(-5px);border-color:rgba(238,114,255,.72);box-shadow:0 14px 42px rgba(125,44,221,.28),0 0 20px rgba(157,57,241,.19)}.social-card.is-live:after{content:"";pointer-events:none;position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#a95cff,transparent);box-shadow:0 0 15px #b15dff}.social-card.youtube.is-live:after{background:linear-gradient(90deg,transparent,#ff467c,transparent);box-shadow:0 0 12px #ff4272}.social-card.instagram.is-live{border-color:rgba(199,95,252,.55)}.social-card.youtube.is-live{border-color:rgba(240,94,141,.49)}.social-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;color:#c8b7ff;background:rgba(117,63,194,.18);border:1px solid rgba(173,113,235,.19)}.social-icon svg{width:28px;height:28px}.social-card.instagram .social-icon{color:#ffc4f3;background:linear-gradient(130deg,rgba(228,87,173,.28),rgba(109,50,207,.19))}.social-card.youtube .social-icon{color:#ff7b99;background:rgba(229,40,97,.2)}.social-card.tiktok .social-icon{color:#70eaf4}.social-card.patreon .social-icon{color:#ffb0b9}.social-card.telegram .social-icon{color:#88c9ff}.social-text{position:relative;min-width:0;display:flex;flex-direction:column;gap:5px}.social-text strong{font-size:14px;font-weight:800}.social-text small{font-size:11px;color:#aca1c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-status{margin-left:auto;align-self:center;flex:none;display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;color:#b7a2d1}.social-status svg{width:17px;height:17px}.social-card.is-upcoming{opacity:.73;cursor:default}.social-card.is-upcoming .social-status{color:#87769f}.social-footnote{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;text-align:center;color:#8e8aab;font-size:11px}.social-footnote svg{width:16px;height:16px;color:#9f89c7}
/* Why */
.section-values{padding-top:80px;padding-bottom:125px}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.value-card{text-align:center;padding:36px 30px 34px;min-height:235px;border:1px solid rgba(136,91,241,.45);border-radius:22px;background:linear-gradient(150deg,rgba(50,18,98,.47),rgba(18,14,51,.88) 55%,rgba(15,45,102,.35));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 34px rgba(0,0,0,.19);transition:transform .3s,border-color .3s,box-shadow .3s}.value-card:hover{transform:translateY(-6px);border-color:#b368ef;box-shadow:0 0 35px rgba(128,45,219,.23)}.value-card:nth-child(2){background:linear-gradient(150deg,rgba(16,31,115,.62),rgba(18,13,64,.85) 67%,rgba(13,80,107,.3));border-color:rgba(59,143,248,.45)}.value-icon{display:grid;place-items:center;margin:0 auto 19px;width:48px;height:48px;color:#ca97ff;filter:drop-shadow(0 0 13px rgba(149,80,255,.72))}.value-card:nth-child(2) .value-icon{color:#77dfff}.value-icon svg{width:43px;height:43px;stroke-width:1.4}.value-card h3{font-size:19px;font-weight:800;letter-spacing:-.02em}.value-card p{font-size:13px;color:#c3bdda;line-height:1.75;margin:12px auto 0;max-width:310px}
/* Footer */
.footer{position:relative;isolation:isolate;padding:50px 0 27px;overflow:hidden;background:linear-gradient(0deg,#040512,#08071b 66%,#070717)}.footer-sky{position:absolute;inset:0;z-index:-1;background:url('/assets/cosmic-background.webp') center 40%/cover no-repeat;opacity:.57}.footer::before{content:"";position:absolute;z-index:-1;bottom:-280px;left:50%;width:1000px;height:420px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(62,36,175,.3),transparent 70%)}.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-brand img{width:114px;height:114px;filter:drop-shadow(0 0 22px rgba(128,45,255,.45))}.footer-brand strong{font-size:24px;font-weight:850;letter-spacing:.55em;margin-right:-.55em;color:#e4f2ff;text-shadow:0 0 17px #4c98ff}.footer-domain{font-size:18px;font-weight:600;letter-spacing:.08em;margin-top:21px}.footer-quote{font-size:12px;color:#c3b4da;margin-top:13px}.footer-divider{height:1px;width:100%;margin:60px 0 24px;background:linear-gradient(90deg,transparent,rgba(137,83,229,.53),transparent)}.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;color:#8781a3;font-size:10px}.footer-bottom a{color:#ba93ff;white-space:nowrap}.footer-bottom a:hover{color:white}
/* Motion reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.feature-card:nth-child(2),.value-card:nth-child(2){transition-delay:.07s}.feature-card:nth-child(3),.value-card:nth-child(3){transition-delay:.14s}.feature-card:nth-child(4){transition-delay:.21s}
@media(max-width:1160px){.nav-brand{min-width:auto;font-size:13px;letter-spacing:.27em}.nav-links{gap:0}.nav-item{padding:11px 10px;font-size:12px}.nav-cta{padding:10px}.hero-copy h1{font-size:clamp(36px,4.1vw,50px)}.social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.social-card{padding:14px 11px;gap:9px}.social-icon{height:42px;width:42px}.social-text strong{font-size:12.5px}.social-text small{font-size:10px}}
@media(max-width:900px){.container{width:min(calc(100% - 42px),720px)}.nav-shell{height:65px}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:13px;flex-direction:column;align-items:stretch;gap:4px;border:1px solid rgba(151,77,239,.55);border-radius:18px;background:rgba(10,7,31,.97);box-shadow:0 18px 45px rgba(0,0,0,.62);backdrop-filter:blur(20px)}.nav-links.is-open{display:flex}.nav-item{font-size:14px;padding:15px 16px}.nav-cta{margin-left:auto}.menu-toggle{display:flex}.menu-toggle[aria-expanded="true"] .menu-open{display:none}.menu-toggle[aria-expanded="true"] .menu-close{display:block}.hero{min-height:920px;padding:145px 0 130px}.hero-inner{display:flex;flex-direction:column;gap:5px}.hero-brand-panel{min-height:320px;width:100%}.hero-mark{width:min(60vw,310px)}.hero-wordmark{font-size:23px}.hero-copy{text-align:center;padding:15px 0 0;display:flex;flex-direction:column;align-items:center}.hero-copy h1{font-size:clamp(37px,5.6vw,58px)}.hero-copy>p:not(.hero-micro){max-width:610px}.hero-castle{width:80%;height:86%;top:14%;opacity:.33}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.feature-content{min-height:310px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{padding:16px;gap:12px}.social-text strong{font-size:14px}.social-text small{font-size:11px}.values-grid{gap:14px}.value-card{padding:30px 20px}.teaser-copy{margin-left:34%}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.topbar{padding:11px 0}.nav-shell{height:61px;padding:0 9px 0 8px;gap:8px;border-radius:15px}.nav-brand{gap:7px;font-size:12px;letter-spacing:.2em}.nav-brand img{width:44px;height:44px}.nav-cta{font-size:0;padding:0;width:42px;height:41px;border-radius:11px}.nav-cta .ico:first-child{height:21px;width:21px}.nav-cta .ico-mini{display:none}.menu-toggle{width:42px;height:41px}.hero{min-height:875px;min-height:100svh;padding:112px 0 102px}.hero-inner{gap:0}.hero-brand-panel{min-height:300px}.hero-mark{width:min(74vw,330px)}.hero-wordmark{font-size:18px;letter-spacing:.46em}.hero-wordmark-underline{width:66%;margin-top:12px}.hero-copy{padding-top:18px}.eyebrow{font-size:8px;letter-spacing:.1em;gap:7px;margin-bottom:14px}.hero-copy h1{font-size:clamp(35px,8.5vw,48px);line-height:1.12;letter-spacing:-.04em}.hero-copy>p:not(.hero-micro){font-size:13px;line-height:1.7;margin-top:20px;max-width:400px}.hero-actions{gap:10px;margin-top:22px;justify-content:center}.button{min-height:47px;padding:11px 13px;font-size:11.5px;gap:6px}.button .ico{width:18px;height:18px}.button .ico-mini{width:13px;height:13px}.hero-micro{margin-top:22px;font-size:10px}.scroll-cue{bottom:23px}.scroll-cue span{font-size:9px}.hero-castle{top:1%;width:100%;height:66%;opacity:.24}.section{padding:62px 0 70px}.section-kicker{font-size:8px;gap:11px;letter-spacing:.13em}.dotline{width:30px}.section-heading{margin-bottom:29px}.section-heading h2{font-size:clamp(32px,7.7vw,43px)}.section-heading p{font-size:13px;margin-top:10px}.feature-grid{gap:12px}.feature-card,.feature-content{min-height:316px}.feature-card{border-radius:17px}.feature-content{padding:17px 13px 16px}.feature-icon{width:42px;height:42px;border-radius:12px;margin-bottom:12px}.feature-icon svg{width:22px;height:22px}.feature-content h3{font-size:16px}.feature-content p{font-size:11px;line-height:1.6}.feature-label{font-size:8px}.soon-chip{font-size:9px;padding:7px 9px}.teaser-banner{min-height:220px;margin-top:20px}.teaser-image{inset:0;opacity:.3;-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent)}.teaser-copy{margin:0;padding:25px 23px;max-width:100%}.teaser-copy h3{font-size:23px}.teaser-copy p{font-size:11.5px;max-width:340px}.teaser-mark{display:none}.social-grid{gap:11px}.social-card{min-height:87px;border-radius:15px;padding:11px 12px;gap:9px}.social-icon{height:38px;width:38px;border-radius:11px}.social-icon svg{height:24px;width:24px}.social-text strong{font-size:12px}.social-text small{font-size:10px}.social-status{min-width:14px}.social-status svg{height:13px;width:13px}.social-footnote{font-size:10px;line-height:1.65;max-width:350px;margin-left:auto;margin-right:auto}.values-grid{grid-template-columns:1fr;gap:14px}.value-card{min-height:auto;padding:25px 20px;border-radius:17px}.value-icon{margin-bottom:11px}.value-card h3{font-size:18px}.value-card p{font-size:12px;margin-top:7px}.footer{padding-top:35px}.footer-brand img{width:95px;height:95px}.footer-brand strong{font-size:19px}.footer-domain{font-size:16px}.footer-divider{margin:45px 0 24px}.footer-bottom{flex-direction:column;align-items:center;gap:10px;text-align:center;line-height:1.5}}
@media(max-width:380px){.nav-brand{letter-spacing:.12em;font-size:11px}.nav-brand img{width:38px;height:38px}.hero-copy h1{font-size:32px}.hero-brand-panel{min-height:255px}.hero-mark{width:230px}.hero{min-height:825px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-content{min-height:258px}.feature-art{background-position:center 38%}.social-grid{grid-template-columns:1fr}.social-card{min-height:72px}.teaser-copy h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.pointer-halo{display:none}}

.hidden-by-config{display:none!important}

/* v1.1 minimal hotfix: course art is visible in file://, Docker and Tunnel.
   The rest of the original layout/animation system is unchanged. */
.teaser-banner { min-height: 270px; gap: 20px; }
.teaser-image {
  position: relative; inset: auto; opacity: 1; flex: 0 0 44%; align-self: stretch;
  display: flex; align-items: center; box-sizing: border-box;
  padding: 12px 0 12px 12px; background: none;
  -webkit-mask-image: none; mask-image: none;
}
.teaser-image img {
  display: block; width: 100%; max-height: 100%; height: auto;
  object-fit: contain; border-radius: 14px; border: 1px solid rgba(172, 89, 255, .42);
  box-shadow: 0 4px 30px rgba(131, 40, 255, .3), 0 0 18px rgba(23, 208, 255, .10);
}
.teaser-copy { margin-left: 0; padding: 24px 0; flex: 1 1 auto; min-width: 0; }
.teaser-mark { margin-left: 0; margin-right: 20px; flex: 0 0 auto; }
@media (max-width: 1000px) and (min-width: 601px) {
  .teaser-image { flex-basis: 42%; }
  .teaser-mark { display: none; }
  .teaser-copy { padding-right: 18px; }
}
@media (max-width: 600px) {
  .teaser-banner { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .teaser-image { flex: none; inset: auto; width: 100%; padding: 12px 12px 0; opacity: 1; }
  .teaser-image img { width: 100%; height: auto; max-height: none; border-radius: 12px; }
  .teaser-copy { margin: 0; padding: 22px 20px 24px; max-width: none; }
  .teaser-mark { display: none; }
}


/* v1.3 visual polish hotfixes
   - remove repeating section backgrounds and use one continuous cosmic backdrop
   - center mobile nav YouTube icon
   - refresh feature-card art treatment, especially on mobile
*/
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-6;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 22%, rgba(57, 24, 130, .26), transparent 24%),
    radial-gradient(circle at 12% 72%, rgba(20, 122, 200, .14), transparent 18%),
    linear-gradient(180deg, rgba(4,4,18,.25), rgba(4,4,18,.08) 20%, rgba(4,4,18,.18) 100%),
    url('/assets/cosmic-background.webp') center top / cover no-repeat;
  opacity:.92;
  transform:scale(1.04);
}
.section::before,
.footer-sky{display:none !important;}
.section,
.footer{
  background:transparent;
}
.section-upcoming{background:radial-gradient(ellipse at 30% 22%,rgba(56,18,103,.10),transparent 55%)}
.section-social{background:radial-gradient(ellipse 45% 35% at 100% 38%,rgba(45,39,172,.12),transparent),radial-gradient(ellipse 38% 40% at 0 50%,rgba(97,26,174,.10),transparent)}
.feature-art{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.feature-academy .feature-art{
  background-image:linear-gradient(0deg,#0a071e 4%,rgba(8,7,25,.44) 57%,rgba(8,7,25,.16)),url('/assets/course-cover.webp');
  background-position:center 38%;
}
.feature-patreon .feature-art{
  background-image:linear-gradient(0deg,#0f071d 4%,rgba(9,7,26,.48) 54%,rgba(8,7,25,.12)),url('/assets/cosmic-background.webp');
  background-position:center 52%;
}
.feature-mods .feature-art{
  background-image:linear-gradient(0deg,#05091e 4%,rgba(6,9,27,.46) 52%,rgba(6,9,27,.14)),url('/assets/mods-world.webp');
  background-position:center 42%;
}
.feature-community .feature-art{
  background-image:linear-gradient(0deg,#0b0822 4%,rgba(7,7,29,.48) 57%,rgba(7,7,29,.15)),url('/assets/castle-world.webp');
  background-position:center 25%;
}
@media (max-width:600px){
  .nav-cta{
    display:grid;
    place-items:center;
    gap:0;
    padding:0;
    width:42px;
    height:41px;
  }
  .nav-cta span{display:none !important;}
  .nav-cta .ico:first-child{
    width:20px;
    height:20px;
    margin:0;
    display:block;
  }
  .nav-cta .ico-mini{display:none !important;}

  .feature-card{
    display:flex;
    flex-direction:column;
    min-height:auto;
    background:linear-gradient(180deg, rgba(14,11,42,.96), rgba(9,8,30,.98));
  }
  .feature-card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:88px;
    height:84px;
    pointer-events:none;
    z-index:1;
    background:linear-gradient(180deg, rgba(11,9,34,0) 0%, rgba(11,9,34,.25) 36%, rgba(11,9,34,.88) 100%);
  }
  .feature-art{
    position:relative;
    inset:auto;
    z-index:0;
    flex:0 0 148px;
    height:148px;
    width:100%;
    filter:saturate(1.06) brightness(.92);
    transform:none !important;
    border-bottom:1px solid rgba(174,108,255,.16);
  }
  .feature-content{
    position:relative;
    z-index:2;
    min-height:auto;
    padding:16px 14px 16px;
    background:none;
  }
  .feature-content p{max-width:none;}
  .feature-label{opacity:.92;}
  .feature-academy .feature-art{background-position:center 24%;}
  .feature-patreon .feature-art{background-position:center 46%;}
  .feature-mods .feature-art{background-position:center 41%;}
  .feature-community .feature-art{background-position:center 21%;}
}
@media (max-width:380px){
  .feature-art{
    flex-basis:132px;
    height:132px;
  }
  .feature-card::after{top:78px;height:72px;}
}