:root{font:15px/1.55 system-ui,"Microsoft YaHei UI",sans-serif;color:#233a3d;background:#f2f6f5;--accent:#216e64;--line:#d3e0dd}
*{box-sizing:border-box}body{margin:0;padding:clamp(18px,6vw,70px)}main{max-width:520px;margin:auto}
.identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;letter-spacing:.08em;color:#59736f;font-size:.8rem}
.identity a{color:var(--accent);font-weight:800;text-decoration:none}article{padding:clamp(22px,5vw,36px);border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 9px 28px #183c3410}
h1{font-size:1.7rem;line-height:1.15;margin:0 0 18px;font-weight:620}p{margin:0 0 15px}nav{display:flex;gap:17px;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:18px}
a{color:var(--accent)}form{display:grid;gap:13px;margin:12px 0 0}label{display:grid;gap:5px;font-size:.86rem;color:#4b6766}
input{width:100%;height:39px;border-radius:7px;padding:7px 10px;border:1px solid var(--line);font:inherit;color:#203a39;background:#f8fbfa}
button,.primary{font:inherit;cursor:pointer;text-decoration:none;border-radius:8px;padding:8px 13px;border:1px solid var(--line);color:#22564e;background:#f6f9f8;display:inline-block}
.primary{background:var(--accent);color:#fff;border-color:transparent}.error{color:#8c332b}.recovery{display:block;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:7px;background:#f5f8f7}