:root{--text:#e5f2ff;--muted:#a3b9d0;--blue:#92d3ff;--line:rgba(163,211,253,.18);--panel:rgba(18,38,66,.85)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#091728;color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b7e5ff;outline-offset:5px}#animated-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.wrap{width:min(960px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.logo{font-family:Nunito,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1px}.logo>span:first-child{color:var(--blue);margin-right:8px}.logo-dot{color:var(--blue)}.langbar{display:flex;gap:5px;padding:4px;background:rgba(21,46,78,.7);border:1px solid var(--line);border-radius:30px}.langbar button{border:0;background:transparent;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700}.langbar button[aria-pressed=true]{background:#b9e3ff;color:#17314e}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:75px 0 65px}.eyebrow,.mini-label{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue)}h1,h2,h3,strong{font-family:Nunito,sans-serif}h1{font-size:clamp(40px,5vw,62px);line-height:1.07;letter-spacing:-2px;margin:18px 0 24px;max-width:400px;font-weight:900}h1 span{font-size:.7em;display:inline-block;transform:rotate(-10deg)}.lead{font-size:16px;color:var(--muted);line-height:1.85;max-width:420px}.little-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--blue);margin-top:28px}.rem-card{width:280px;justify-self:center;padding:16px 16px 20px;background:#d7ebfa;color:#16324d;border-radius:7px 7px 35px 7px;transform:rotate(5deg);box-shadow:0 15px 55px #010b1860;position:relative;border:5px solid #edf6ff}.portrait{border-radius:3px 3px 22px 3px;overflow:hidden;background:#accfe9}.portrait img{display:block;width:100%;height:240px;object-fit:cover}.portrait-caption{display:flex;flex-direction:column;padding:16px 5px 0;gap:4px}.portrait-caption>span{font-family:Nunito;font-size:23px;font-weight:900}.portrait-caption small{font-size:10px;color:#456783}.ribbon{position:absolute;top:-19px;left:105px;width:55px;height:30px;background:#76aedd;color:#fff;display:grid;place-items:center;transform:rotate(-8deg);border-radius:2px;z-index:1;box-shadow:inset 0 0 0 1px #ffffff30}.sticker{position:absolute;right:-18px;bottom:20px;background:#eff8ff;color:#4479a5;font-size:38px;transform:rotate(-15deg);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:2px dashed #8eb9d8}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:22px;letter-spacing:-.5px;margin:0}.section-head>span{color:var(--blue);font-size:24px}.hangout{margin:12px 0 40px}.live-panel{border:1px solid #87c4f640;background:linear-gradient(110deg,rgba(30,63,100,.92),rgba(14,32,54,.9));border-radius:22px;position:relative;padding:25px 28px;overflow:hidden;box-shadow:0 10px 30px #020c1a22}.live-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px}.platform{color:var(--blue);font-weight:700}#live-status{letter-spacing:0;color:#b3c7d9;display:flex;align-items:center;gap:6px}#live-status::before{content:'';width:6px;height:6px;background:#8dabc2;border-radius:50%}.live-content{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px;position:relative;z-index:1}.live-copy{max-width:520px}.live-copy h3{font-size:26px;margin:0 0 8px;letter-spacing:-.4px}.live-copy p{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}#live-action{background:#b9e3ff;color:#153955;border-radius:12px;font-size:12px;font-weight:700;padding:15px 19px;white-space:nowrap;transition:transform .2s}#live-action:hover{transform:translateY(-3px)}.live-cat{position:absolute;bottom:-3px;right:27px;font-size:50px;color:#9cc9ea08;pointer-events:none}#live-panel[data-state=live]{border-color:#88e9cf}#live-panel[data-state=live] #live-status::before{background:#88e9cf;box-shadow:0 0 0 4px #88e9cf15}.side-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.link-row{display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:16px;transition:background .2s,transform .2s}.link-row:hover{background:#23496c;transform:translateY(-3px)}.link-icon{width:40px;height:40px;display:grid;place-items:center;background:#9fd3fa15;border-radius:12px;color:var(--blue);font-weight:900;font-size:19px;flex-shrink:0}.link-row div{display:flex;flex-direction:column;gap:4px}.link-row strong{font-size:17px}.link-row div>span{font-size:11px;color:var(--muted);line-height:1.6}.arrow{margin-left:auto;color:var(--blue)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:25px;gap:16px;position:relative;transition:transform .2s,border-color .2s}.social-card:hover{transform:translateY(-3px);border-color:#b2deff70}.social-card strong{font-size:24px;letter-spacing:-.4px}.social-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px dashed #91bce533;padding-top:18px}.closing{text-align:center;color:var(--muted);font-size:12px;padding:38px 0 25px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 30px;font-size:10px;color:#819cb7}.skip-link{position:absolute;left:20px;top:-100px;background:#d7ebfa;color:#17314e;padding:12px;z-index:5}.skip-link:focus{top:10px}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}header{padding:22px 0}.intro{grid-template-columns:1fr;gap:38px;padding:42px 0}.intro-copy{text-align:center}.eyebrow{font-size:9px}h1{font-size:44px;max-width:none;margin:16px 0}.lead{font-size:14px;max-width:370px;margin:0 auto}.little-note{justify-content:center;margin-top:17px}.rem-card{width:200px;padding:10px 10px 14px}.portrait img{height:165px}.portrait-caption{padding-top:10px}.portrait-caption>span{font-size:20px}.portrait-caption small{font-size:8px}.ribbon{left:65px}.sticker{width:43px;height:43px;font-size:28px}.section-head h2{font-size:20px}.live-panel{padding:22px 20px}.live-top{font-size:9px;flex-wrap:wrap;gap:10px}.live-content{flex-direction:column;align-items:stretch;gap:20px}.live-copy h3{font-size:24px}#live-action{text-align:center}.side-links{grid-template-columns:1fr}.social-grid{gap:12px}.social-card{padding:18px;gap:13px}.social-card strong{font-size:21px}.mini-label{font-size:9px;letter-spacing:1px}.social-bottom{font-size:9px;line-height:1.6;gap:5px}.closing{font-size:11px}footer{gap:15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}