:root{font-family:Segoe UI,Arial,sans-serif;color:#203943;background:#eaf2f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#d2eceb,transparent 70%),#eef3f5}main{width:100%;max-width:480px;background:white;border:1px solid #d7e3e6;border-radius:22px;padding:38px;box-shadow:0 14px 60px #123c4915}.brand{font-size:20px;font-weight:700;color:#087d8b;margin-bottom:30px}.label{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#087d8b}h1{font-size:29px;margin:12px 0}p,small{line-height:1.6;color:#647d86}label{display:grid;gap:8px;margin:18px 0;font-size:13px;font-weight:600}input{border:1px solid #cbdade;border-radius:9px;padding:13px;font:inherit;width:100%}input:focus{outline:2px solid #087d8b}button{background:#087d8b;color:white;border:0;border-radius:9px;width:100%;padding:14px;font:inherit;font-weight:600;margin-top:8px;cursor:pointer}button:disabled{opacity:.6}#message{color:#a23939;font-size:13px;min-height:22px}small{display:block;font-size:12px;border-top:1px solid #e1ebed;padding-top:20px}