:root{font:16px/1.55 'Segoe UI',Arial,sans-serif;color:#203640;background:#f1f5f6;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;background:white;border:1px solid #d6e0e4;border-radius:20px;padding:40px}.logo{font:36px/1 Georgia,serif;color:white;background:#213e4a;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:28px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.6px;color:#176676;font-weight:700;margin:0 0 8px}h1{font:32px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 12px}p{margin:0;color:#596d76}form{margin:28px 0 24px}label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}input,button{width:100%;min-height:48px;border-radius:8px;font:inherit;padding:10px 14px}input{border:1px solid #9cafb7;background:#fff;color:#203640}button{background:#176676;color:white;border:1px solid #176676;cursor:pointer;font-weight:600}button:hover{background:#104e5b}button:active{background:#103c46}:focus-visible{outline:3px solid #2f8499;outline-offset:3px}#message{min-height:24px;color:#a33131;font-size:14px;margin:8px 0 12px}small{font-size:14px;color:#596d76;display:block}@media(max-width:480px){main{padding:28px}body{padding:16px}}