*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090d19;color:#eaf0ff;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#7edcff}a:hover{color:#fff}header{position:sticky;top:0;z-index:20;background:#090d19f2;border-bottom:1px solid #25304c;backdrop-filter:blur(15px)}.nav{max-width:1160px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-weight:900;letter-spacing:.4px}.brand img{height:37px;max-width:170px;object-fit:contain}.navlinks{display:flex;gap:18px;align-items:center;font-size:14px}.wrap{max-width:1120px;margin:auto;padding:0 22px}.hero{padding:72px 0 54px;background:radial-gradient(ellipse at 85% 10%,#123768 0,transparent 50%),radial-gradient(ellipse at 10% 60%,#301449 0,transparent 55%)}.eyebrow{color:#62e6d2;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}h1{font-size:clamp(34px,5.3vw,64px);line-height:1.09;letter-spacing:-2px;max-width:930px;margin:16px 0}h2{font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.6px}h3{line-height:1.3}.lead{font-size:19px;max-width:760px;color:#b9c7e5}.btn{display:inline-block;background:linear-gradient(110deg,#52e2cc,#6c9aff);color:#071020;text-decoration:none;padding:13px 23px;border-radius:10px;font-weight:800;margin:10px 12px 8px 0}.btn.secondary{background:#182640;color:#e5f3ff;border:1px solid #3a5277}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.box,.tip{background:#111a2d;border:1px solid #273654;border-radius:17px;padding:23px}.card{display:block;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#6ad8e8}.card p,.muted{color:#afbdd9}.badge{font-size:12px;color:#69ead4;text-transform:uppercase;letter-spacing:1px;font-weight:800}.section{padding:42px 0}.article{max-width:810px;margin:auto;padding:34px 22px 75px}.article h2{margin-top:40px}.article p,.article li{color:#c4d0e6}.article li{margin:9px 0}.article .summary{background:#11283c;border-left:4px solid #64e2d4;padding:19px 23px;border-radius:8px}.tip{border-left:3px solid #d4a6ff;margin:24px 0}.article-hero{padding:48px 0 18px}.art-visual{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:16px;border:1px solid #293956;margin:24px 0}.related{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related a{background:#141e33;border:1px solid #2b3c5e;border-radius:10px;padding:14px;text-decoration:none}.callout{padding:26px;border-radius:16px;background:linear-gradient(115deg,#14304b,#1e2148);margin:30px 0}.crumb{font-size:13px;color:#b4c4e1}.footer{border-top:1px solid #25304c;padding:30px 0;color:#a6b7d5;font-size:14px}.footer a{margin-right:16px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:25px}.layout-faq .article h2{border-bottom:1px solid #2c3c57;padding-bottom:10px}.layout-guide .article ol{border-left:2px solid #54d9d0;padding-left:27px}.layout-checklist .article li::marker{color:#54d9d0}.layout-response .summary{border-color:#f2ae72}.layout-compare .tip{border-color:#69a9ff}@media(max-width:760px){.nav{align-items:flex-start}.navlinks{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:flex-end}.grid,.cols,.related{grid-template-columns:1fr}h1{letter-spacing:-1px}.hero{padding:42px 0}.article{padding-top:15px}}