:root{font-family:Inter,system-ui,Arial,sans-serif;color:#153336;background:#eef5f5}
*{box-sizing:border-box}
body{margin:0}
header{background:#073f46;color:white;padding:18px 24px}
.wrap{max-width:1180px;margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-size:24px;font-weight:900}
.sub{color:#bfe8e5;font-size:14px}
.grid{display:grid;grid-template-columns:250px 1fr;gap:24px;padding:28px 20px}
.nav,.panel{background:white;border:1px solid #d8e5e5;border-radius:14px;box-shadow:0 10px 30px #0a3c4210}
.nav{padding:10px;height:max-content;position:sticky;top:18px}
.nav button{width:100%;border:0;background:transparent;text-align:left;padding:14px;border-radius:10px;font-weight:800;color:#21484b;cursor:pointer}
.nav button.active{background:#d8efed;color:#064c4c}
.panel{padding:28px;margin-bottom:18px}
.hero{background:linear-gradient(120deg,#e1f5f2,#fff);border-bottom:1px solid #d8e5e5;margin:-28px -28px 24px;padding:28px;border-radius:14px 14px 0 0}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;color:#087d79}
h1{margin:.25rem 0 0;font-size:34px;line-height:1.1}
p{line-height:1.55;color:#52686b}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;font-weight:800;margin-bottom:7px}
input,select,textarea{width:100%;padding:13px;border:1px solid #c7d8d8;border-radius:10px;font:inherit;background:white}
textarea{min-height:130px}
.full{grid-column:1/-1}
.checks{display:flex;gap:14px;flex-wrap:wrap}
.checks label{font-weight:700;background:#f4fbfa;border:1px solid #d8e5e5;border-radius:12px;padding:10px 12px}
.professional-form{gap:16px 18px}
.form-section{background:#f3fbfa;border:1px solid #d8e5e5;border-radius:14px;padding:16px 18px;margin-top:4px}
.form-section h2{margin:0 0 4px;font-size:20px;color:#073f46}
.form-section p{margin:0;color:#52686b}
.btn{border:0;border-radius:10px;background:#087d79;color:white;font-weight:900;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.secondary{background:#e8f3f2;color:#073f46}
.btn.danger{background:#9b1c1c}
.notice{padding:14px 18px;background:#fff0f0;color:#8d2117;border:1px solid #f0b7b7;border-radius:12px;margin-bottom:16px;font-weight:800}
.result{border:2px solid #bedbd9;border-radius:14px;padding:20px;margin-top:18px}
.result.scam{background:#fff1ed;border-color:#d85c48}
.result.ok{background:#eaf8f2;border-color:#2b946f}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:white;border:1px solid #d8e5e5;border-radius:14px;padding:20px}
.badge{display:inline-block;background:#e8f3f2;border-radius:999px;padding:6px 10px;font-weight:800;font-size:13px}
table{width:100%;border-collapse:collapse;background:white}
th,td{padding:13px;border-bottom:1px solid #dce8e8;text-align:left}
th{color:#426063}
.actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:800px){.grid{grid-template-columns:1fr}.nav{position:static}form{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}h1{font-size:28px}}