*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#effbfb,#edf3ff);color:#143149;font-family:Tahoma,Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:#fff;max-width:440px;width:100%;padding:38px;border:1px solid #d7e6ed;border-radius:20px;box-shadow:0 16px 60px #17415912}.brand{font-weight:800;letter-spacing:.08em;color:#087c8d;font-size:23px}h1{font-size:26px;margin:32px 0 12px}p{font-size:14px;line-height:1.8}.muted{color:#627786;font-size:12px}label{display:block;font-size:14px;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid #b7cdd8;border-radius:9px;font-size:16px}input:focus{outline:2px solid #098aa4;outline-offset:2px}button{margin-top:25px;border:0;border-radius:9px;background:#087c8d;color:white;width:100%;padding:14px;font-size:16px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}[role=status]{min-height:24px;color:#a33724}a{color:#087c8d}