:root{--sky-top:#bdeeff;--sky-mid:#5cc2f0;--sky-deep:#0b3a5c;--aero-teal:#d81717;--leaf:#8cd867;--pop:#ff1919;--pop-deep:#c22a78;--print-accent:#9b7bff;--glass: rgba(255,255,255,.42);--ink:#0a2e42;--ink-soft:#2c5772}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Quicksand,sans-serif;color:var(--ink);background:radial-gradient(1200px 700px at 20% -10%,#ffffff 0%,transparent 55%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 38%,#2f8fc4 62%,var(--sky-deep) 100%);overflow-x:hidden}h1,h2,h3{font-family:Fredoka,sans-serif;margin:0}a{color:inherit;text-decoration:none}.tag{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.bokeh-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#ffffff26 40%,#fff0 70%);filter:blur(.3px);animation:drift linear infinite;opacity:.75}.droplet{position:absolute;width:14px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:radial-gradient(circle at 35% 30%,#fffffff2,#b4ebff59 55%,#b4ebff0d 80%);box-shadow:inset 0 0 6px #fff9;animation:drift linear infinite}@keyframes drift{0%{transform:translateY(0) translate(0) rotate(-45deg)}50%{transform:translateY(-40px) translate(18px) rotate(-45deg)}to{transform:translateY(0) translate(0) rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.bokeh,.droplet,.portal,.portal-ring{animation:none!important}}nav{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:linear-gradient(180deg,#ffffff61,#ffffff14);border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 24px #0b3a5c40,inset 0 1px #ffffffd9,inset 0 -1px #ffffff26;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.brand-orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,var(--aero-teal) 45%,#0a8f83 100%);box-shadow:inset 0 -4px 8px #0003,inset 0 3px 5px #fffc,0 3px 8px #0003;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;color:#fff;font-size:.95rem;margin-right:6px}nav a.navlink{padding:9px 16px;border-radius:999px;font-weight:700;font-size:.85rem;color:var(--ink-soft);transition:background .2s,color .2s;white-space:nowrap}nav a.navlink:hover{background:#ffffff80;color:var(--ink)}nav a.navcta{padding:9px 18px;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff;background:linear-gradient(180deg,#ff7fc0,var(--pop) 55%,var(--pop-deep));box-shadow:inset 0 1px #fff9,0 4px 10px #c22a7866;white-space:nowrap}section{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 20px 80px}.hero .tag{color:#fff;text-shadow:0 2px 6px rgba(10,50,80,.5);margin-bottom:14px}.hero h1{font-size:clamp(3.5rem,12vw,8.5rem);font-weight:700;line-height:.95;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#eafcff 35%,#bdeeff 55%,#fff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 rgba(11,58,92,.25)) drop-shadow(0 18px 30px rgba(10,50,80,.35));margin-bottom:18px}.hero p.sub{max-width:560px;margin:0 auto 34px;font-size:1.15rem;font-weight:600;color:#062940;background:#ffffff38;padding:10px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #ffffffb3;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:56px}.btn{font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;padding:15px 30px;border-radius:999px;border:1px solid rgba(255,255,255,.8);cursor:pointer;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(180deg,#d6fff9,var(--aero-teal) 45%,#a80808 100%);box-shadow:inset 0 2px 2px #ffffffe6,inset 0 -10px 14px #3c000040,0 10px 22px #5a060666}.btn-ghost{color:#fff;background:#ffffff26;box-shadow:inset 0 1px #ffffff80,0 6px 14px #0a325040}.btn:hover{filter:brightness(1.06)}.portal-wrap{position:relative;width:min(70vw,300px);height:min(70vw,300px)}.portal{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 24%,#ffffff 0%,#d6fbff 12%,var(--aero-teal) 40%,#7b0a0a 68%,#04463f 100%);box-shadow:inset 0 8px 22px #ffffffd9,inset 0 -22px 40px #00141466,0 20px 50px #063c3780,0 0 0 10px #ffffff26;position:relative;animation:pulse 4.5s ease-in-out infinite}.portal:after{content:"";position:absolute;top:10%;left:14%;width:38%;height:22%;background:#ffffffbf;border-radius:50%;filter:blur(6px);transform:rotate(-18deg)}.portal-ring{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:2px solid rgba(255,79,163,.55);animation:pulse 4.5s ease-in-out infinite reverse}.portal-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.portal-play svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.stats{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;padding:0 20px 90px}.stat{width:170px;padding:22px 14px;text-align:center;border-radius:24px 24px 24px 4px;background:linear-gradient(180deg,#ffffff6b,#ffffff1a);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px #0b3a5c33,inset 0 1px #ffffffd9;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:-30%;left:8%;width:84%;height:55%;background:linear-gradient(180deg,#ffffffa6,#fff0);border-radius:50%;pointer-events:none}.stat .num{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:var(--pop-deep)}.stat .label{font-size:.78rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.panel-section{padding:40px 20px 100px;display:flex;justify-content:center}.glass-card{max-width:900px;width:100%;background:linear-gradient(160deg,#ffffff42,#ffffff0f);border:1px solid rgba(255,255,255,.6);border-radius:32px;padding:44px clamp(24px,5vw,56px);box-shadow:0 18px 40px #06284140,inset 0 1px #ffffffb3;backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);display:flex;gap:36px;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:-40%;left:5%;width:90%;height:60%;background:linear-gradient(180deg,#ffffff80,#fff0);border-radius:50%;pointer-events:none}.avatar-orb{flex:0 0 auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,var(--pop) 45%,#7a1a4d 100%);box-shadow:inset 0 -10px 16px #00000040,inset 0 6px 8px #ffffffb3,0 10px 24px #00000040;display:flex;align-items:center;justify-content:center}.about-text{flex:1 1 320px}.about-text .tag{color:var(--pop-deep)}.about-text h2{font-size:2rem;margin:8px 0 14px;color:var(--ink)}.about-text p{font-size:1.02rem;line-height:1.6;color:var(--ink-soft);font-weight:600;margin:0 0 10px}.section-head{text-align:center;padding:0 20px;margin-bottom:44px}.section-head .tag{color:#eafcff}.section-head h2{font-size:clamp(2rem,5vw,3rem);color:#fff;text-shadow:0 4px 12px rgba(6,40,65,.4);margin-top:6px}.grid-wrap{padding:20px 20px 100px}.grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.card{border-radius:26px;padding:26px 22px;background:linear-gradient(150deg,#ffffff3d,#ffffff0d);border:1px solid rgba(255,255,255,.55);box-shadow:0 14px 30px #06284138,inset 0 1px #ffffffa6;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);position:relative;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px)}.card:after{content:"";position:absolute;top:-35%;left:6%;width:88%;height:50%;background:linear-gradient(180deg,#ffffff73,#fff0);border-radius:50%;pointer-events:none}.card:before{content:"";position:absolute;top:-60%;left:-20%;width:60%;height:220%;background:#ffffff2c;transform:rotate(20deg);transition:left .5s ease;z-index:2}.card:hover:before{left:120%}.card-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:inset 0 -6px 10px #00000026,inset 0 3px 4px #ffffffb3}.card h3{font-size:1.2rem;margin-bottom:8px;color:var(--ink)}.card p{font-size:.92rem;color:var(--ink-soft);font-weight:600;line-height:1.5;margin:0;flex:1}.type-pill{align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:10px;border:1px solid rgba(255,255,255,.6)}.pill-web{background:#17d8c438;color:#0a5c53}.pill-dl{background:#ffcf5c47;color:#8a5a00}.print-meta{display:flex;gap:8px;margin:10px 0 4px;flex-wrap:wrap}.meta-chip{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;color:var(--ink-soft);background:#fff6;border:1px solid rgba(255,255,255,.6);padding:3px 9px;border-radius:8px}.card-link{display:inline-block;margin-top:14px;font-weight:700;font-size:.88rem;color:var(--pop-deep)}.card-link:hover{text-decoration:underline}.videos-wrap{padding:20px 20px 110px}.video-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.video-card{border-radius:22px;overflow:hidden;background:#ffffff29;border:1px solid rgba(255,255,255,.6);box-shadow:0 14px 28px #06284138,inset 0 1px #ffffff80;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%)}.thumb{position:relative;height:150px;display:flex;align-items:center;justify-content:center}.thumb .badge{position:absolute;bottom:8px;right:8px;background:#0a1e2dbf;color:#fff;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;padding:3px 7px;border-radius:6px}.play-glow{width:52px;height:52px;border-radius:50%;background:#ffffffe6;box-shadow:0 6px 16px #0000004d;display:flex;align-items:center;justify-content:center}.video-info{padding:16px 18px 20px}.video-info h3{font-size:1.02rem;color:var(--ink);margin-bottom:6px}.video-info .meta{font-size:.8rem;color:var(--ink-soft);font-weight:700}footer{padding:60px 20px 46px;text-align:center}.dock{display:inline-flex;gap:14px;padding:14px 20px;border-radius:28px;background:linear-gradient(180deg,#ffffff2e,#ffffff08);border:1px solid rgba(255,255,255,.4);box-shadow:0 14px 30px #00000040,inset 0 1px #ffffff80;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);margin-bottom:26px}.dock a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 26%,#fff,var(--leaf) 55%,#3f8f22 100%);box-shadow:inset 0 -6px 10px #0003,inset 0 3px 4px #fffc,0 6px 12px #00000040;transition:transform .25s ease;font-weight:700;color:#04310f;font-family:Fredoka,sans-serif;font-size:.75rem}.dock a:hover{transform:translateY(-6px) scale(1.05)}footer p{color:#eafcff;font-size:.85rem;font-weight:600;opacity:.85}footer .note{max-width:520px;margin:14px auto 0;font-size:.78rem;color:#d8f3ff;opacity:.75}@media(max-width:640px){nav{gap:2px;padding:6px 8px}nav a.navlink{display:none}.glass-card{flex-direction:column;text-align:center}}