@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Unbounded:wght@600;700;800&display=swap');

:root{color-scheme:dark;--bg:#10152c;--paper:#f5f3ff;--muted:#b6bedc;--violet:#bca8ff;--line:rgba(225,226,255,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 78% 44%,#293672 0,#172044 24%,#10152c 58%);color:var(--paper);font-family:'Golos Text',Arial,sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#dfe4ff 1px,transparent 1.5px),radial-gradient(circle,#a9b4f2 1px,transparent 1.5px);background-size:157px 157px,233px 233px;background-position:24px 29px,104px 91px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.starfield{position:fixed;inset:0;z-index:0;pointer-events:none}
.pointer-glow{position:fixed;left:0;top:0;z-index:0;width:430px;height:430px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(169,142,255,.16),transparent 67%);transform:translate(calc(var(--pointer-x, -1000px) - 50%),calc(var(--pointer-y, -1000px) - 50%));opacity:0;transition:opacity .35s ease}
.pointer-glow.is-active{opacity:1}
a{color:inherit}
.page-shell{position:relative;z-index:1;max-width:1480px;min-height:100vh;margin:auto;padding:0 clamp(24px,5.2vw,78px);display:flex;flex-direction:column;overflow-x:clip}
.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:'Unbounded',Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.07em}
.brand img{display:block;filter:brightness(0) invert(1)}
.brand-dot{color:var(--violet)}
.topbar-note{color:var(--muted);font-size:13px;letter-spacing:.035em}
.hero{flex:1;min-height:630px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:30px;padding:55px 0 70px}
.hero-copy{position:relative;z-index:2;max-width:690px}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 28px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:11px;color:var(--violet)}
.eyebrow-line{display:block;width:31px;height:1px;background:var(--violet)}
h1{margin:0;font-family:'Unbounded',Arial,sans-serif;font-size:clamp(39px,4.25vw,68px);line-height:1.18;letter-spacing:-.068em;font-weight:700}
h1 em{color:var(--violet);font-style:normal}
.intro{max-width:560px;margin:31px 0 36px;color:#d3d8ee;font-size:clamp(17px,1.35vw,19px);line-height:1.7}
.cta{min-height:64px;width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:13px;padding:0 21px;border-radius:15px;background:#c6b5ff;color:#10152c;text-decoration:none;font-weight:700;font-size:16px;box-shadow:0 18px 50px rgba(120,88,227,.22);transition:transform .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}
.cta:hover{transform:translateY(-3px);background:#ded4ff;box-shadow:0 22px 55px rgba(120,88,227,.32)}
.cta:active{transform:translateY(1px) scale(.96);box-shadow:0 7px 20px rgba(120,88,227,.2)}
.cta::after{content:"";position:absolute;inset:-70%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%);transform:translateX(-100%) rotate(12deg);transition:transform .55s ease;pointer-events:none}
.cta:hover::after{transform:translateX(100%) rotate(12deg)}
.cta:focus-visible,.footer a:focus-visible,.brand:focus-visible{outline:3px solid #fff;outline-offset:5px}
.cta svg{width:24px;height:24px;flex:none}
.cta-arrow{margin-left:11px;font-size:22px;line-height:1;font-weight:400}
.small-note{margin:18px 0 0;color:#9da9cf;font-size:13px}
.hero-art{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate}
.hero-art::before{content:"";position:absolute;width:min(39vw,530px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7882da 0,#394888 40%,#222d62 72%);box-shadow:inset -45px -45px 90px rgba(12,16,46,.55),0 0 100px rgba(93,109,212,.22);z-index:-1}
.hero-art::after{content:"";position:absolute;width:min(34vw,450px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.12);z-index:-1}
.art-glow{position:absolute;width:78%;height:78%;border-radius:50%;background:#a292fd;filter:blur(90px);opacity:.12;z-index:-2}
.cat-mark{width:min(27vw,370px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 18px 28px rgba(10,12,38,.3));transform:translate(var(--tilt-x,0px),var(--tilt-y,0px)) rotate(-6deg);transition:transform .2s ease-out;animation:cat-float 5s ease-in-out infinite}
.orbit{position:absolute;width:min(43vw,580px);aspect-ratio:1;border:1px solid rgba(210,218,255,.13);border-radius:50%;transform:rotate(-27deg) scaleY(.75);z-index:-1}
.orbit-two{width:min(51vw,690px);border-color:rgba(210,218,255,.08);transform:rotate(25deg) scaleY(.82)}
.orbit-one{animation:orbit-breathe 9s ease-in-out infinite}
.orbit-two{animation:orbit-breathe 12s ease-in-out infinite reverse}
.art-label{position:absolute;font-size:10px;letter-spacing:.24em;font-weight:700;color:#aab6e8}
.art-label-top{top:5%;right:4%}.art-label-bottom{bottom:4%;left:3%}
.topics{padding:94px 0 112px;border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);column-gap:50px;align-items:end;margin-bottom:44px}
.section-kicker{grid-column:1/-1;margin:0 0 20px;color:var(--violet);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.section-heading h2,.channel-panel h2{margin:0;font-family:'Unbounded',Arial,sans-serif;font-size:clamp(32px,3.15vw,49px);line-height:1.25;letter-spacing:-.06em}
.section-heading>p:last-child,.channel-panel p:last-child{margin:0;color:#c4cbe5;font-size:16px;line-height:1.7}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.topic-card{min-height:225px;padding:27px 27px 30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(172,174,255,.09),rgba(171,162,255,.025));transform:perspective(800px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .2s ease-out,border-color .2s,background .2s,box-shadow .2s}
.topic-card:hover{border-color:rgba(195,175,255,.48);background:linear-gradient(145deg,rgba(172,174,255,.15),rgba(171,162,255,.05));box-shadow:0 18px 45px rgba(4,7,29,.17)}
.topic-card:active{transform:perspective(800px) scale(.98)}
.topic-number{display:block;color:#a995ed;font-size:10px;font-weight:700;letter-spacing:.14em}
.topic-card h3{margin:45px 0 11px;font-family:'Unbounded',Arial,sans-serif;font-size:18px;line-height:1.3;letter-spacing:-.05em}
.topic-card p{margin:0;color:#bfc7e3;font-size:14px;line-height:1.6}
.channel-panel{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:0 0 85px;padding:50px;border:1px solid rgba(210,202,255,.25);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(180,153,255,.27),transparent 43%),linear-gradient(120deg,#2e3670,#222850)}
.channel-panel h2{margin-bottom:22px}.channel-panel p:last-child{max-width:600px}.channel-panel .section-kicker{margin-bottom:17px}
.cta-light{flex:none;background:#f0ebff;box-shadow:none}
.footer{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#9da9cf;font-size:12px;letter-spacing:.035em}
.footer a{text-decoration:none;color:#d6dcf9}.footer a:hover{text-decoration:underline}
.footer a:active,.brand:active{opacity:.65}
.click-wave{position:fixed;z-index:10;width:12px;height:12px;border:1px solid rgba(220,205,255,.85);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:click-wave .65s ease-out forwards;box-shadow:0 0 22px rgba(186,160,255,.55)}
.reveal{opacity:0;translate:0 28px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;translate:0 0}
@keyframes click-wave{0%{opacity:.9;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}
@keyframes cat-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes orbit-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0;padding:72px 0 54px}.hero-copy{max-width:700px}.hero-art{min-height:340px;grid-row:2;margin-top:20px}.hero-art::before{width:320px}.hero-art::after{width:290px}.cat-mark{width:230px}.orbit{width:360px}.orbit-two{width:440px}.art-label-top{right:10%}.art-label-bottom{left:10%}.section-heading{grid-template-columns:1fr;gap:18px}.section-kicker{margin-bottom:0}.channel-panel{align-items:start;flex-direction:column}}
@media(max-width:650px){.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}.topic-card h3{margin-top:28px}.topics{padding:67px 0 76px}.channel-panel{padding:32px;margin-bottom:55px}}
@media(max-width:540px){.topbar{height:80px}.brand{font-size:18px}.brand img{width:34px;height:34px}.topbar-note{display:none}.hero{padding-top:66px}.eyebrow{font-size:10px;letter-spacing:.12em}h1{font-size:clamp(34px,9.2vw,45px)}.intro{margin:25px 0 30px;font-size:16px}.cta{width:100%;justify-content:center;font-size:15px}.cta-arrow{margin-left:auto}.hero-art{min-height:270px;margin-top:25px}.hero-art::before{width:245px}.hero-art::after{width:220px}.cat-mark{width:180px}.orbit{width:280px}.orbit-two{width:330px}.art-label{font-size:8px}.art-label-top{top:3%;right:0}.art-label-bottom{bottom:2%;left:0}.footer{min-height:70px}.section-heading h2,.channel-panel h2{font-size:30px}.channel-panel .cta{padding:0 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.starfield,.pointer-glow,.click-wave{display:none!important}.reveal{opacity:1!important;translate:none!important}}