:root{color-scheme:light;font:16px/1.6 'Segoe UI',Arial,sans-serif;color:#183b40;background:#edf5f4}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,480px);padding:32px;border:1px solid #fff;border-radius:28px;background:#f9fcfb;box-shadow:12px 16px 45px #2448491a,-8px -8px 30px #fff}.brand{color:#386b70;font-size:14px}h1{font-size:27px;line-height:1.3;margin:12px 0}p{color:#466369}label{display:block;margin:22px 0 7px}input{font:inherit;width:100%;padding:12px;border:1px solid #aac5c3;border-radius:12px;min-height:48px;background:#fff}button{font:inherit;min-height:48px;width:100%;margin-top:12px;padding:10px 18px;border:0;border-radius:12px;background:#08727c;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #22a9b3;outline-offset:3px}.note{font-size:13px;border-top:1px solid #d9e5e3;padding-top:18px;margin-top:24px}@media(max-width:400px){body{padding:16px}main{padding:24px}h1{font-size:24px}}