:root{
--teal:#0f6e56;--teal-d:#04342c;--mint-bg:#e1f5ee;--red:#d42a20;
--ink:#12241f;--muted:#5b6b64;--line:#dce7e2;--white:#fff;--cream:#f4f9f7;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased}
.content{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;max-width:720px;margin:0 auto}
.fhead{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.fhead img{width:92px;height:auto;flex:none}
.form-title{font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.15;color:var(--teal-d)!important}
.form-title span,.form-title .psevdonim_i{color:var(--teal-d)!important}
.fhead .sub{font-size:14px;color:var(--muted);margin-top:3px}
.fhead .pill{display:inline-block;margin-top:8px;background:var(--mint-bg);color:var(--teal-d);font-weight:700;font-size:13px;padding:4px 12px;border-radius:20px}
.field{margin-bottom:14px}
.field label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--ink)}
.field input{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 15px;font-size:16px;font-family:inherit;color:var(--ink);background:#fbfdfc;transition:border-color .15s ease,box-shadow .15s ease}
.field input:hover{border-color:#bcd4cb}
.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,110,86,.14)}
.field input.err{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,51,41,.12)}
.tip{display:none;font-size:13px;color:var(--red);font-weight:700;margin-top:6px}
.tip.show{display:block}
.submit{width:100%;height:54px;margin-top:8px;background:var(--red);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;text-transform:none;box-shadow:0 6px 18px rgba(230,51,41,.28);transition:transform .15s ease,box-shadow .15s ease}
.submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(230,51,41,.36)}
.submit:active{transform:translateY(0)}
.ffoot{margin-top:16px;text-align:center;font-size:13px;color:var(--muted)}
@media(max-width:520px){
.content{padding:22px 18px}
.fhead{flex-direction:row}
.fhead img{width:76px}
.form-title{font-size:19px}
}