:root{font-family:Tahoma,Arial,sans-serif;color:#203f42;background:#f3f8f8}body{margin:0;min-height:100vh;display:grid;place-items:center}main{background:white;border:1px solid #d9e6e6;border-radius:24px;width:min(360px,80vw);padding:38px;box-shadow:0 12px 55px #16424b08}.brand{background:#07848a;color:white;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font:bold 26px Arial}h1{direction:ltr;text-align:right;font:700 28px Arial;margin:20px 0 10px}p{color:#687f82;line-height:1.8;font-size:14px}form{display:grid;gap:10px;margin:24px 0 8px}label{font-size:13px;margin-top:10px}input{box-sizing:border-box;padding:13px;border:1px solid #ccdcdc;border-radius:10px;font:inherit;direction:ltr}button{padding:14px;border:0;background:#07848a;color:white;border-radius:10px;font:inherit;margin-top:16px;cursor:pointer}button:disabled{opacity:.6}small{color:#718689;font-size:11px}#error{color:#b34638;margin:0;min-height:25px}