:root{--navy:#14243a;--blue:#2463a6;--cyan:#28a6c8;--ink:#1d2b3c;--muted:#617184;--line:#dce5ef;--bg:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#1d67a8;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.notice{background:#eaf3fb;color:#24435f;text-align:center;padding:8px 14px;font-size:13px;border-bottom:1px solid #d4e4f2}.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 18px #17304b0a}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.logo{font-size:21px;font-weight:900;color:var(--navy);letter-spacing:-.5px}.logo span{display:block;color:var(--blue);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;line-height:1.2}.navlinks{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:14px;font-weight:750;color:#2b3d52}.navlinks .navcta{background:var(--blue);color:#fff;padding:10px 17px;border-radius:9px;box-shadow:0 4px 0 #174878}.navlinks .navcta:hover{text-decoration:none;transform:translateY(1px)}
.hero{background:linear-gradient(120deg,#13243a 0%,#1b4268 65%,#176c8b 100%);color:#fff;padding:72px 0 68px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.eyebrow{color:#9de4f5;text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:900}h1{font-size:clamp(34px,5vw,55px);line-height:1.12;letter-spacing:-1.3px;margin:13px 0 18px}.hero p{font-size:18px;color:#d9e8f5;max-width:680px}.hero-art{min-height:260px;border:1px solid #ffffff35;border-radius:24px;background:linear-gradient(145deg,#ffffff18,#ffffff05);display:grid;place-items:center}.monitor{width:220px;height:145px;border:7px solid #d7e8f5;border-radius:14px;background:linear-gradient(135deg,#d8f5ff,#fff);box-shadow:0 20px 35px #081b2d55;display:grid;place-items:center;color:#1c5d91;font-size:45px;font-weight:900;position:relative}.monitor:after{content:"";position:absolute;width:80px;height:9px;background:#d7e8f5;bottom:-24px;border-radius:0 0 8px 8px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3184c7,#1d5c99);color:#fff!important;padding:13px 22px;border-radius:10px;font-weight:850;border:1px solid #174d7e;box-shadow:0 5px 0 #143f69,0 10px 20px #0d315333;transition:.15s}.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #143f69,0 7px 14px #0d315322;text-decoration:none}
.section{padding:45px 0 70px}.section.alt{background:#f1f5fa}.lead{font-size:18px;color:#5b6c80;max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin:25px 0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 8px 22px #122b4408}.card h2,.card h3{margin:0 0 9px;line-height:1.3}.card p{color:var(--muted);margin:0 0 12px}.article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:0 8px 25px #122b4408}.article h2{margin-top:30px;font-size:23px}.article h2:first-child{margin-top:0}.article li{margin:8px 0}.breadcrumb{font-size:13px;color:#718096;margin-bottom:20px}
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);gap:24px;align-items:start}.form{display:grid;gap:9px;margin-top:18px}.form label{font-weight:750;font-size:14px;color:#26384c}.form input:not([type=checkbox]),.form select,.form textarea{width:100%;border:1px solid #cbd7e3;border-radius:9px;padding:13px 14px;font:inherit;color:#1d2b3c;background:#fff}.form textarea{min-height:130px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #c5e5f5;border-color:#3988bd}.form .check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5;margin:8px 0}.form .check input{margin-top:5px}.small{font-size:13px;color:#738195}.success{display:none;background:#edf9f1;border:1px solid #bfe6ca;border-radius:14px;padding:24px;margin-top:20px;color:#245b36}.success.show{display:block}.tick{font-size:34px}.tag{display:inline-block;background:#eaf4fc;color:#205c8f;border:1px solid #d1e6f6;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:900;letter-spacing:.6px}.note{background:#fff8e9;border-left:4px solid #e0a33b;border-radius:8px;padding:15px 18px;margin:22px 0;color:#634c20}.search{width:100%;max-width:550px;padding:13px 15px;border:1px solid #cbd7e3;border-radius:10px;font:inherit;margin:12px 0}
.footer{background:#14243a;color:#d8e4ef;padding:36px 0 18px;margin-top:35px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#d8e4ef;margin:6px 0}.footer p{color:#b9c9d8}.copyright{border-top:1px solid #ffffff20;padding-top:15px;margin-top:24px;font-size:12px;color:#aebfd0}
@media(max-width:760px){.hero-grid,.split{grid-template-columns:1fr}.hero-art{min-height:210px}.navlinks{width:100%;padding:0 0 13px;gap:13px}.nav{padding-top:12px}.footergrid{grid-template-columns:1fr 1fr}.wrap{width:min(100% - 28px,1160px)}}