:root{--navy:#153b5c;--blue:#126aa3;--sky:#79c9f2;--ink:#18364d;--muted:#607887;--line:#d5e8f4;--bg:#edf5fb;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}.public-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.public-nav{display:flex;align-items:center;gap:12px;margin-bottom:26px}.public-brand{display:flex;align-items:center;gap:11px;margin-right:auto;color:var(--navy);text-decoration:none;font-weight:800}.public-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--sky);color:var(--navy)}.public-nav>a:not(.public-brand){color:var(--blue);font-size:13px;text-decoration:none}.public-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 16px 45px #153b5c12}.public-hero{padding:48px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.public-hero small{font-weight:800;letter-spacing:.15em;color:#bfe9ff}.public-hero h1{max-width:700px;margin:12px 0;font-size:clamp(34px,6vw,56px);line-height:1.05}.public-hero p{max-width:650px;margin:0;color:#d9effb}.public-content{padding:38px 48px}.public-content h2{margin:32px 0 8px;color:var(--navy);font-size:23px}.public-content h2:first-child{margin-top:0}.public-content h3{margin:24px 0 6px;color:var(--navy)}.public-content p,.public-content li{color:#405f74}.public-content a{color:var(--blue)}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.public-grid article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f7fbfe}.public-grid strong{display:block;margin-bottom:5px;color:var(--navy)}.public-action{display:inline-block;margin-top:16px;padding:12px 18px;border-radius:9px;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:700}.public-note{padding:15px 17px;border-left:4px solid var(--sky);background:#eef8fd}.public-footer{display:flex;gap:18px;flex-wrap:wrap;padding:22px 4px;color:var(--muted);font-size:12px}.public-footer a{color:var(--blue)}@media(max-width:700px){.public-nav{align-items:flex-start;flex-wrap:wrap}.public-brand{width:100%}.public-hero,.public-content{padding:28px 24px}.public-grid{grid-template-columns:1fr}}
