:root{--navy:#061727;--navy2:#0a2540;--blue:#1597e5;--cyan:#31c4f3;--text:#eaf6ff;--ink:#0c2845;--muted:#6e8298;--panel:#0a2b49;--line:#1c5d85;--danger:#c92f3b;--green:#34b54a}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 70% 0,#104a73 0,transparent 35%),linear-gradient(145deg,#04121f,#082239 55%,#061421);color:var(--text);min-height:100vh}.hero{padding:30px clamp(24px,5vw,72px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18466a;background:linear-gradient(90deg,rgba(4,18,31,.98),rgba(8,42,69,.82))}.brand-wrap{display:flex;gap:18px;align-items:center}.mark{width:76px;height:76px;background:linear-gradient(145deg,#28c7ff,#0679d8);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);display:grid;place-items:center;box-shadow:0 0 28px #0ba7ef66}.mark span{font-weight:900;font-size:36px}.brand{font-size:42px;font-weight:800;letter-spacing:.04em}.brand-sub{color:#35baf7;letter-spacing:.4em;font-weight:600}.hero-copy{text-align:right}.client{font-size:30px;font-weight:700;letter-spacing:.04em}.client strong{color:#28baf5}.tagline{text-transform:uppercase;letter-spacing:.4em;font-size:13px;margin:5px 0 12px}.url-pill{display:inline-block;padding:10px 18px;border:1px solid #2c87bd;border-radius:10px;background:#092c49;color:#fff;text-decoration:none;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);gap:20px;padding:20px clamp(20px,4vw,56px) 30px;max-width:1550px;margin:auto}.card,.panel{border:1px solid #24688e;border-radius:18px}.form-card{background:#f6fbff;color:var(--ink);padding:28px;box-shadow:0 18px 45px #0006}.section-title{display:flex;gap:16px;align-items:flex-start}.section-title .icon{font-size:36px}.section-title h1{margin:0;font-size:30px}.section-title p{margin:6px 0 22px;color:#516b82}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;font-size:14px;margin-bottom:15px}label span{font-weight:400;color:#637e94}em{color:#c62130;font-style:normal}input,select,textarea{width:100%;margin-top:7px;border:1px solid #c4d6e5;border-radius:7px;padding:12px 13px;background:#fff;font:inherit;color:#153957;outline:none}input:focus,select:focus,textarea:focus{border-color:#188ed2;box-shadow:0 0 0 3px #188ed21c}.hp{position:absolute;left:-10000px}.notice{font-size:12px;line-height:1.45;color:#536f84;background:#eaf5fc;border-left:4px solid #148fd2;padding:12px;margin:4px 0 16px}button{border:0;background:linear-gradient(90deg,#0779c7,#169fe7);color:#fff;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:800;cursor:pointer;min-width:190px}button:disabled{opacity:.55;cursor:wait}#status{margin-top:12px;font-weight:600;min-height:22px}.sidebar{display:grid;gap:12px;align-content:start}.panel{background:linear-gradient(180deg,#0b3557,#08243d);padding:20px;color:#fff}.panel a{color:#fff;font-weight:800;text-decoration:none}.panel p{color:#c8d9e6;font-size:13px;line-height:1.45}.kicker{color:#c8f1ff;font-weight:800;font-size:18px;margin-bottom:8px}.support .big{font-size:35px;display:block}.small{color:#a7dff8;margin-top:6px;font-weight:700}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.escalation{border-color:#d44750;background:linear-gradient(180deg,#571c25,#2b1016)}.exec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exec-grid div{display:grid;gap:5px}.sla{padding:18px}.sla-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border-top:1px solid #245576;padding:10px 0}.sla-row:first-of-type{margin-top:8px}.sla-row small{display:block;color:#bcd1df;margin-top:3px}.sla-row b{font-size:13px}.p{border-radius:7px;text-align:center;padding:7px 4px;font-weight:900}.p1{background:#e23845}.p2{background:#f28a2a}.p3{background:#1d9fe3}.p4{background:#31a947}footer{text-align:center;color:#91b4ca;padding:15px 20px 30px;font-size:13px}footer a{color:#c8f1ff}.sidebar .panel{box-shadow:0 12px 26px #0003}@media(max-width:950px){.hero{align-items:flex-start;gap:20px}.brand{font-size:34px}.client{font-size:22px}.layout{grid-template-columns:1fr}.hero-copy{display:none}}@media(max-width:620px){.hero{padding:22px}.mark{width:56px;height:56px}.brand{font-size:30px}.brand-sub{font-size:11px;letter-spacing:.22em}.layout{padding:12px}.form-card{padding:20px}.grid.two,.mini-grid,.exec-grid{grid-template-columns:1fr}.sla-row{grid-template-columns:46px 1fr}.sla-row b{grid-column:2}.section-title h1{font-size:25px}}