:root{--navy:#0b1f3a;--teal:#00b3a4;--mint:#00d1be;--bg:#f4f7fa;--ink:#14233c}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.top{background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 32px}
.brand{color:#fff;text-decoration:none;font-size:22px}.brand b{color:var(--mint)}.brand span{font-size:13px;opacity:.7;margin-left:10px}
nav a{color:#fff;margin-left:22px;text-decoration:none;opacity:.85}main{max-width:1200px;margin:0 auto;padding:28px 24px}
.hero{background:linear-gradient(120deg,var(--navy),#12406a);color:#fff;border-radius:18px;padding:36px;margin-bottom:28px}.hero h1{margin:0 0 8px}
.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:999px;padding:10px 22px;margin:4px 8px 4px 0;text-decoration:none;cursor:pointer;font-size:15px}.btn.big{padding:14px 34px;font-size:17px;margin-top:20px}
.list{width:100%;background:#fff;border-radius:12px;border-collapse:collapse}.list th,.list td{padding:12px;text-align:left;border-bottom:1px solid #e3e9f0}
fieldset.cust{border:0;background:#fff;border-radius:14px;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
label{display:flex;flex-direction:column;font-size:12px;gap:4px}.wide{grid-column:1/-1}input,textarea{padding:9px;border:1px solid #c9d3df;border-radius:8px;font:inherit}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.card{background:#fff;border:2px solid transparent;border-radius:16px;padding:18px;transition:.15s}
.card.on{border-color:var(--teal);box-shadow:0 6px 20px rgba(0,179,164,.18)}.pick{cursor:pointer;font-size:14px}.pick input{float:right;width:20px;height:20px}
.tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal)}.card h3{margin:4px 0 6px}.card ul{padding-left:18px;color:#4a5b73}
.inp{display:none;grid-template-columns:1fr 1fr 1fr;gap:8px;border-top:1px solid #e3e9f0;padding-top:10px}.card.on .inp{display:grid}
.dl{background:#fff;border-left:6px solid var(--teal);border-radius:12px;padding:16px 22px;margin-bottom:22px}.ok{color:#00867a}.hint{color:#5b6b82}
footer{text-align:center;color:#7a889c;font-size:12px;padding:30px}