:root{--ink:#1a2340;--muted:#5b6785;--line:#e6e9f4;--primary:#5b5ff2;--primary-d:#4a4ee0;--soft:#f7f8fe;--code:#18233f;--err:#d64545}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:var(--primary);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nav{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:84px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:22px}
.brand img{height:48px}
.nav nav{display:flex;align-items:center;gap:30px}
.nav nav a:not(.btn){color:var(--muted);font-size:17px}
.nav nav a:not(.btn):hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 26px;font-weight:700;font-size:16px;border:1px solid var(--line);background:#fff;color:var(--primary);cursor:pointer;font-family:inherit;transition:.15s}
.btn:hover{border-color:var(--primary)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-d)}
.btn-danger{color:var(--err)}
.btn-sm{padding:7px 14px;font-size:14px}
.hero{background:linear-gradient(180deg,#fff,var(--soft));padding:70px 0 90px}
.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin:0 0 14px}
h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 16px;letter-spacing:-.03em;font-weight:800}
h1 .soft{color:#4c5a7d}
.lead{color:var(--muted);font-size:19px;max-width:560px;margin:0 0 28px}
.grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
@media(max-width:900px){.grid{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px rgba(91,95,242,.08);overflow:hidden}
.card-bar{display:flex;align-items:center;gap:8px;padding:16px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}
.dot{width:12px;height:12px;border-radius:50%}.d1{background:#ff5f57}.d2{background:#febc2e}.d3{background:#28c840}
.card-body{padding:24px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){form .row{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.field{margin-bottom:16px}
input,textarea,select{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(91,95,242,.35);border-color:var(--primary)}
textarea{min-height:150px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:15px}
.alert-ok{background:#e9f8f1;color:#146c49;border:1px solid #bde8d4}
.alert-err{background:#fdeeee;color:#9a2a2a;border:1px solid #f4c6c6}
.alert ul{margin:0;padding-left:18px}
.tags{color:var(--muted);font-size:14px;margin-top:14px}
.points{list-style:none;padding:0;margin:0 0 28px}
.points li{padding:8px 0 8px 30px;position:relative;color:var(--muted)}
.points li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:800}
.nf{text-align:center;padding:90px 0 110px}
.nf .big{font-size:clamp(90px,18vw,190px);font-weight:800;letter-spacing:-.05em;line-height:1;margin:0}
.nf .big span{color:var(--primary)}
.nf .lead{margin:16px auto 30px}
.nf .code{display:inline-block;text-align:left;background:var(--code);color:#cfd8ff;border-radius:16px;padding:18px 24px;font:14px/1.8 ui-monospace,Menlo,Consolas,monospace;margin-bottom:30px}
.nf .code em{color:#7f86ff;font-style:normal}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.foot{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:14px}
.foot-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin{padding:40px 0 80px;background:var(--soft);min-height:70vh}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}
.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:600;font-size:14px}
.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}
.msg{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin-bottom:14px}
.msg.unread{border-left:5px solid var(--primary)}
.msg-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.msg h3{margin:0;font-size:18px}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#eceeff;color:var(--primary);margin-right:8px;vertical-align:middle}
.badge.pub{background:#fff3df;color:#a96a00}
.meta{color:var(--muted);font-size:14px;margin:6px 0 12px}
.body{white-space:pre-wrap;background:var(--soft);border-radius:12px;padding:14px 16px;font-size:15px}
.acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.acts form{display:inline}
.login{max-width:440px;margin:60px auto}