:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f7f4ea;color:#183f38;font:16px/1.55 'Avenir Next','Segoe UI',sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(440px,100%)}.brand{font-size:38px;letter-spacing:-2px;font-weight:750;margin:0 0 35px}.brand span{color:#bc713a}.card{background:#fffef9;border:1px solid #d9dfcf;padding:32px;border-radius:20px;box-shadow:0 18px 55px #183f3809}h1{font-size:27px;line-height:1.2;margin:0 0 12px}p{margin:0 0 22px;color:#637268}label{display:block;font-size:14px;font-weight:650;margin:24px 0 8px}input{width:100%;min-height:48px;padding:12px;border:1px solid #a9b7a5;border-radius:8px;font:inherit;background:#fffef9}button{width:100%;border:0;border-radius:8px;background:#183f38;color:white;padding:14px;font:600 15px 'Segoe UI',sans-serif;margin:20px 0 0;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #c58245;outline-offset:3px}.detail{font-size:12px;margin-top:22px}.error{color:#9b3b26;background:#fff1e9;padding:12px;border-radius:8px;margin-top:18px}footer{font-size:12px;color:#637268;margin-top:24px}a{color:inherit}@media(max-width:380px){.card{padding:24px}body{padding:18px}}