:root{--navy:#101733;--ink:#182140;--muted:#58617b;--paper:#fffdf6;--line:#dfe3ee;--yellow:#ffd228;--blue:#2e8fff;--shadow:0 14px 35px #111c3720}*{box-sizing:border-box}body{margin:0;background:#f3f6fc;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.top{background:var(--navy);color:#fff}.nav,.wrap{width:min(1000px,calc(100% - 32px));margin:auto}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:1.15rem;font-weight:950;letter-spacing:-.04em}.brand i{font-style:normal;color:var(--yellow)}.nav a{color:#dfe7ff;text-decoration:none;font-size:.9rem;font-weight:800;margin-left:16px}.nav .join{background:var(--yellow);color:#251c00;border-radius:8px;padding:8px 11px}.hero{background:linear-gradient(125deg,#152a62,#2d8cf5);color:#fff;padding:68px 0 72px}.hero h1{max-width:750px;margin:0;font-size:clamp(2.35rem,6vw,4.5rem);line-height:.98;letter-spacing:-.065em}.hero p{max-width:700px;margin:16px 0 0;color:#eaf2ff;font-size:1.08rem}.crumb{font-size:.85rem;font-weight:800;color:#dceaff;margin-bottom:17px}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:42px 0 72px}.toc{position:sticky;top:18px;height:max-content;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.toc b{font-size:.9rem}.toc a{display:block;padding:7px 0;color:#40507a;text-decoration:none;font-size:.9rem}article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);box-shadow:var(--shadow)}h2{scroll-margin-top:22px;margin:39px 0 12px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1;letter-spacing:-.045em;border-bottom:1px solid var(--line);padding-bottom:12px}h2:first-child{margin-top:0}p{color:#3f4965}.callout{border-left:5px solid var(--yellow);background:#fff9da;border-radius:5px;padding:14px 17px;color:#3c3211;font-weight:650}.steps{padding:0;display:grid;gap:11px;counter-reset:step}.steps li{list-style:none;counter-increment:step;position:relative;border:1px solid var(--line);border-radius:9px;padding:13px 15px 13px 52px}.steps li:before{content:counter(step);position:absolute;left:15px;top:13px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:.8rem;font-weight:900}.button{display:inline-block;text-decoration:none;font-weight:900;background:var(--yellow);color:#241c00;padding:10px 14px;border-radius:8px}.footer{background:var(--navy);color:#c3ceea;padding:30px 0;font-size:.88rem}.footer a{color:#fff}.small{font-size:.9rem;color:var(--muted)}@media(max-width:720px){.layout{grid-template-columns:1fr}.toc{display:none}.nav a:not(.join){display:none}.hero{padding:54px 0}}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.button.secondary{background:#fff;color:#17234b}.simple{padding:48px 0 76px}.simple h2{border:0;padding:0;margin:0 0 10px}.intro{max-width:730px;font-size:1.06rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0 45px}.card{display:flex;min-height:176px;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:13px;padding:20px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 5px 15px #11245d0a;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card strong{font-size:1.2rem;letter-spacing:-.035em}.card span{color:var(--muted);font-size:.92rem}.card em{margin-top:auto;color:#1466c8;font-style:normal;font-weight:850}.plain{border-left:4px solid var(--yellow);padding:20px 24px;background:#fff;border-radius:8px}.plain p{margin-top:0}.text-link{color:#1466c8;font-weight:850;text-decoration:none}@media(max-width:720px){.cards{grid-template-columns:1fr}.simple{padding-top:34px}}