:root{--ink:#0a1631;--muted:#5e6d8d;--line:#dbe2f2;--paper:#fff;--blue:#4f5eff;--navy:#081832;--teal:#0dbca7;--bg:#f3f6fc;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:#3048dc;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.hero{background:linear-gradient(135deg,#07142e 0%,#263a7b 58%,#5362ff 100%);color:white;padding:74px 0 86px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-150px;top:-200px;background:#97a0ff22}
.eyebrow{font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#93a4ff;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:.95;margin:.25rem 0 1rem;max-width:920px}.hero .lead{font-size:1.2rem;max-width:760px;color:#e2e8ff}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:800;border:1px solid #ffffff55;color:white}.btn.primary{background:white;color:#263bd4}.btn.dark{background:#102250}
.section{padding:66px 0}.section h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;margin:0 0 14px}.section-intro{max-width:780px;color:var(--muted);font-size:1.08rem}
.panel{background:white;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 18px 50px #132b6112}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.card h3{margin:.25rem 0 .45rem;font-size:1.2rem}.card p{color:var(--muted);margin:0}.num{font-size:2.5rem;font-weight:900;color:var(--blue)}
.hero-image{margin-top:-55px;position:relative;z-index:2}.hero-image img{display:block;border-radius:28px;border:1px solid #cdd6ec;box-shadow:0 35px 80px #08152d42;background:white}
.author{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}.author img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 35px #0b17332a}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.links a{background:#eef1ff;border-radius:999px;padding:7px 12px;font-weight:700}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center}.flow div{background:#0c1f45;color:#fff;padding:18px;border-radius:18px;text-align:center;font-weight:800}
.footer{background:#061329;color:#cbd6f7;padding:34px 0;margin-top:50px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badge{background:#ffffff18;border:1px solid #ffffff38;border-radius:999px;padding:5px 10px;font-size:.83rem}
code{background:#e9eefb;padding:.15em .38em;border-radius:.4em}pre{background:#07142e;color:#eaf0ff;border-radius:18px;padding:18px;overflow:auto}.callout{border-left:5px solid var(--teal);background:#eafbf7;padding:18px 20px;border-radius:0 18px 18px 0}
@media(max-width:850px){.grid.three,.grid.two,.flow{grid-template-columns:1fr}.author{grid-template-columns:1fr;text-align:center}.author img{margin:auto}.hero{padding-top:52px}}
@media print{.actions,.print-hide{display:none!important}body{background:white}.section{padding:28px 0}.panel{box-shadow:none}}