:root{--navy:#0d2b49;--teal:#238b91;--paper:#fffdf8;--text:#23384a;--muted:#607487;--line:#d9e3df;--danger:#b8443c;--soft:#edf7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#edf5f3 0,#f7f3e9 42%);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif}a{color:#176b66;text-underline-offset:2px}
.wrap{width:min(940px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:800}.brand img{width:52px;height:52px;object-fit:contain}.back{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;color:var(--navy);font-weight:700}
.hero{background:var(--navy);color:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(13,43,73,.14)}.hero small{display:block;color:#a9d8d5;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.08;margin:8px 0 14px}.hero p{max-width:760px;margin:0;color:#dbe6ee}
.card{margin-top:20px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 36px rgba(13,43,73,.07)}h2{color:var(--navy);font-size:24px;line-height:1.25;margin:0 0 12px}h3{color:var(--navy);margin:22px 0 8px}p{margin:8px 0 14px}ul,ol{padding-left:22px}.note{border-left:4px solid var(--teal);background:var(--soft);padding:16px 18px;border-radius:12px}.warning{border-left-color:var(--danger);background:#fff1ed}.details{display:grid;grid-template-columns:210px 1fr;gap:9px 18px}.details strong{color:var(--navy)}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:800}.links a.primary{background:var(--teal);color:#fff;border-color:var(--teal)}footer{color:var(--muted);font-size:14px;padding:24px 4px;text-align:center}
@media(max-width:680px){.wrap{width:min(100% - 20px,940px);padding-top:14px}.top{align-items:flex-start}.brand span{max-width:170px}.hero,.card{padding:22px;border-radius:20px}.details{grid-template-columns:1fr}.back{font-size:14px;padding:8px 12px}.links a{width:100%}}