@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#24233f;--night:#252348;--night2:#37345d;--lime:#d7f36a;--coral:#ff795f;--sky:#a9d8f2;--paper:#f4f5f4;--white:#fff;--muted:#696b79;--line:#dedee3;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1210px,calc(100% - 48px));margin:auto}.ticker{background:var(--lime);color:var(--night);text-align:center;padding:7px 10px;font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:9px;font:800 22px var(--display);letter-spacing:-.07em;color:var(--night);flex:0 0 auto}.brand-icon{width:33px;height:33px;background:var(--coral);color:white;display:grid;place-items:center;border-radius:10px 10px 3px 10px;font:800 19px var(--display)}.navlinks{display:flex;align-items:center;gap:16px}.navlinks a{font-size:11px;font-weight:700;color:#57586d;padding:10px 0;border-bottom:2px solid transparent;white-space:nowrap}.navlinks a.active,.navlinks a:hover{color:var(--night);border-color:var(--coral)}.nav-cta{padding:10px 14px;background:var(--night);color:white;border-radius:24px;font-size:11px;font-weight:700;white-space:nowrap}.nav-cta:hover{background:var(--coral)}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--night)}.kicker{font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#696884}.serif{font-family:var(--display);font-weight:700;letter-spacing:-.065em}.hero{background:var(--night);color:white;padding:50px 0 45px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:370px;height:370px;border:1px solid #ffffff20;border-radius:50%;right:-120px;top:-200px;box-shadow:0 0 0 36px #ffffff09,0 0 0 80px #ffffff08}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;position:relative;z-index:1}.hero .kicker{color:var(--lime)}.hero h1{font:800 clamp(44px,5.7vw,76px)/1.05 var(--display);letter-spacing:-.07em;margin:14px 0 20px;max-width:620px}.hero p{max-width:500px;color:#d9d8e8;font-size:16px;margin:0 0 24px}.hero-photo{height:395px;position:relative;overflow:hidden;border-radius:12px 70px 12px 12px;background:#35335d}.hero-photo img{width:100%;height:100%;object-fit:cover;opacity:.93}.caption{position:absolute;bottom:0;left:0;right:0;padding:34px 16px 13px;color:white;background:linear-gradient(transparent,#111126e8);font:10px var(--mono);letter-spacing:.06em}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 17px;background:var(--lime);color:var(--night);border:1px solid var(--lime);border-radius:24px;font-size:12px;font-weight:800;transition:.2s}.btn:hover{background:var(--coral);border-color:var(--coral);color:white;transform:translateY(-2px)}.btn.light{background:transparent;border-color:#777598;color:white}.btn.light:hover{background:white;color:var(--night)}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:25px}.section-head h2{font:800 clamp(30px,3.8vw,46px)/1.12 var(--display);letter-spacing:-.065em;margin:8px 0 0}.section-head p{max-width:440px;color:var(--muted);font-size:14px;margin:0}.text-link{font-size:12px;font-weight:800;color:var(--night);border-bottom:2px solid var(--coral);padding-bottom:3px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{background:white;border-radius:9px;overflow:hidden;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #25234812}.topic-card img{height:155px;width:100%;object-fit:cover}.topic-body{padding:17px}.topic-body .kicker{font-size:9px}.topic-body h3{font:800 19px var(--display);letter-spacing:-.04em;margin:7px 0}.topic-body p{font-size:12px;color:var(--muted);margin:0 0 12px}.feature-band{background:var(--sky);padding:45px 0}.band-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.band-grid h2{font:800 clamp(32px,4vw,48px)/1.08 var(--display);letter-spacing:-.065em;margin:10px 0}.band-grid p{color:#45485d;font-size:14px}.band-image{height:270px;border-radius:10px 70px 10px 10px;overflow:hidden}.band-image img{width:100%;height:100%;object-fit:cover}.page-hero{background:var(--night);color:white;padding:40px 0}.page-grid{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}.page-hero .kicker{color:var(--lime)}.page-hero h1{font:800 clamp(40px,5vw,60px)/1.07 var(--display);letter-spacing:-.07em;margin:11px 0 15px}.page-hero p{max-width:650px;color:#d9d8e8;margin:0}.page-photo{height:285px;position:relative;overflow:hidden;border-radius:10px 65px 10px 10px}.page-photo img{width:100%;height:100%;object-fit:cover}.feature{display:grid;grid-template-columns:1fr .75fr;gap:42px;align-items:start}.feature h2{font:800 31px/1.18 var(--display);letter-spacing:-.06em;margin:8px 0 14px}.feature p{color:#535669}.fact{background:white;border:1px solid var(--line);border-top:4px solid var(--coral);border-radius:5px;padding:21px}.fact b{font:800 16px var(--display)}.fact p{font-size:13px;color:var(--muted);margin:8px 0 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{background:white;border:1px solid var(--line);border-radius:7px;padding:21px}.article-card .kicker{font-size:9px}.article-card h3{font:800 20px/1.25 var(--display);letter-spacing:-.04em;margin:8px 0}.article-card p{font-size:13px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{background:white;border:1px solid var(--line);border-radius:7px;padding:20px}.step .num{font:18px var(--mono);color:#7773b5}.step h3{font:800 18px var(--display);margin:8px 0}.step p{font-size:13px;color:var(--muted);margin:0}.note{background:#ececf2;border-left:4px solid var(--coral);padding:18px 20px;border-radius:3px;color:#505268;font-size:13px}.filterbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 23px}.filter{border:1px solid #c4c4d1;background:transparent;color:#51526a;padding:8px 13px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--night);color:white;border-color:var(--night)}.search{margin-left:auto;border:1px solid #c4c4d1;border-radius:22px;background:white;padding:10px 14px;min-width:220px;font:12px var(--sans)}.empty{display:none;grid-column:1/-1;color:var(--muted);text-align:center;padding:28px}.quiz{background:var(--night);color:white;border-radius:10px;padding:24px}.quiz h3{font:800 22px var(--display);margin:4px 0 14px}.quiz p{color:#d9d8e8;font-size:13px}.answers{display:flex;flex-wrap:wrap;gap:9px}.answer{border:1px solid #8a88ac;color:white;background:transparent;border-radius:22px;padding:9px 13px;font-size:12px;cursor:pointer}.answer:hover{border-color:var(--lime);color:var(--lime)}.answer.correct{background:var(--lime);border-color:var(--lime);color:var(--night)}.answer.wrong{background:var(--coral);border-color:var(--coral);color:white}.feedback{min-height:22px;color:var(--lime);font-size:12px;margin-top:12px}.details{display:grid;gap:10px}.details details{border:1px solid var(--line);background:white;border-radius:5px;padding:14px 17px}.details summary{font:700 15px var(--display);cursor:pointer;color:var(--night)}.details p{font-size:13px;color:var(--muted);margin:8px 0 0}.footer{background:#1c1b35;color:#f7f7f2;padding:44px 0 21px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:22px}.footer p{max-width:440px;color:#c6c6d4;font-size:13px}.footer-nav{display:flex;flex-wrap:wrap;gap:14px;align-content:start;font-size:11px}.footer-nav a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #46455e;margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;gap:12px;color:#a8a9ba;font:9px var(--mono);letter-spacing:.08em}.credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.credit{display:grid;grid-template-columns:100px 1fr;gap:13px;padding:10px;background:white;border:1px solid var(--line);align-items:center}.credit img{width:100px;height:67px;object-fit:cover;border-radius:4px}.credit b{font:700 13px var(--display)}.credit p{font-size:10px;color:var(--muted);margin:3px 0}.menu-toggle:focus-visible,.navlinks a:focus-visible,.btn:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media(max-width:1050px){.navlinks{gap:10px}.navlinks a{font-size:10px}.nav-cta{display:none}.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{width:min(100% - 32px,1210px)}.nav{min-height:66px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:11px 22px 18px;flex-direction:column;align-items:stretch;gap:3px}.navlinks.open{display:flex}.navlinks a{font-size:13px;padding:9px 0}.hero{padding:37px 0}.hero-grid,.page-grid,.band-grid,.feature{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-photo{height:260px}.page-hero{padding:32px 0}.page-hero h1{font-size:42px}.page-photo{height:220px}.section{padding:47px 0}.section-head{align-items:start;flex-direction:column}.topic-grid,.article-grid,.steps,.credit-grid{grid-template-columns:1fr}.topic-card img{height:200px}.band-image{height:220px}.search{margin:4px 0 0;width:100%}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.credit{grid-template-columns:85px 1fr}.credit img{width:85px}}