:root{color-scheme:dark;--bg:#07111f;--panel:#101e30;--line:#263c52;--text:#edf5fc;--muted:#a9bbcd;--cyan:#35d9f2;--purple:#b65cf1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#22324b70,transparent 40%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan)}.wrap{max-width:1240px;margin:auto;padding-inline:28px}.bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:750}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400}.bar nav,.actions,.footer nav{display:flex;align-items:center;gap:24px}.bar nav>a:first-child{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:12px;background:linear-gradient(115deg,var(--cyan),#a079ef);color:#07111f;font-weight:750;padding:13px 21px;cursor:pointer;line-height:1.4}.button.secondary{border-color:var(--line);background:#101e30;color:var(--text)}.hero{padding-block:80px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:72px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:750}h1,h2,h3,p{margin-top:0}h1{font-family:'Space Grotesk',Inter,system-ui,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.07;letter-spacing:-.045em;margin-bottom:24px}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.025em}.lead{color:var(--muted);font-size:19px;max-width:600px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.fine{color:var(--muted);font-size:13px}.hero .fine{margin-top:18px}.text-link{color:var(--cyan);font-weight:600}.route{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#102536,#181c34);padding:32px}.route ol{list-style:none;padding:0;margin:28px 0}.route li{display:flex;gap:20px;margin:28px 0}.route li>span{color:var(--cyan);font-size:13px;font-weight:700;border:1px solid #35d9f250;border-radius:10px;padding:7px;height:38px}.route p:not(.eyebrow){color:var(--muted);font-size:14px;margin:5px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-heading .text-link{white-space:nowrap;margin-bottom:25px}.resources{padding-block:20px 65px}.filters{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:22px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:28px;padding:12px 18px;cursor:pointer}.tabs button[aria-pressed=true]{color:var(--text);border-color:var(--cyan);background:#123344}.search{color:var(--muted);font-size:13px;min-width:285px}.search input{display:block;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#0e1b2a;color:var(--text);margin-top:5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:18px;background:#0e1c2a;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#35d9f280}.card>a{display:flex;flex-direction:column;height:100%}.card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#15263c}.card.ebook img{aspect-ratio:16/10;object-fit:contain;padding:15px;background:linear-gradient(130deg,#113041,#251c42)}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card small{color:var(--cyan);font-size:12px}.card h3{font-size:18px;line-height:1.35;margin:10px 0 14px}.card p{font-size:14px;color:var(--muted)}.card .text-link{margin-top:auto;padding-top:12px;font-size:14px}.more{display:flex;margin:28px auto 0}[hidden]{display:none!important}.practice{margin-block:20px 70px;padding-block:35px;display:flex;align-items:center;gap:60px;border-block:1px solid var(--line)}.practice>div{max-width:760px}.practice .button{flex-shrink:0}.practice p{color:var(--muted)}.faq{max-width:950px;padding-bottom:65px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:650}.faq details p{color:var(--muted);margin:14px 0 0}.footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--cyan);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.error{padding:24px;border:1px solid var(--line);border-radius:14px;grid-column:1/-1;color:var(--muted)}@media(max-width:900px){.hero{gap:28px;padding-block:50px;grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.practice{display:block}.practice .button{margin-top:15px}}@media(max-width:600px){.wrap{padding-inline:20px}.bar{padding-block:17px;gap:10px}.bar nav>a:first-child{display:none}.bar .button{font-size:12px;padding:11px}.brand{font-size:14px;gap:8px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;padding-block:40px;gap:28px}.lead{font-size:17px}.route{padding:24px}.filters{display:block}.search{display:block;margin-top:18px;min-width:0}.grid{grid-template-columns:1fr}.footer,.footer nav{flex-wrap:wrap;gap:15px}.practice{margin-bottom:45px}.card h3{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}
