:root{color-scheme:light;font:16px/1.45 system-ui,"Segoe UI",sans-serif;color:#18382e;background:#f4f6ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}main{width:min(100%,415px);padding:clamp(21px,5vw,38px);background:#fffefa;border:1px solid #cbd7cc;border-radius:15px;box-shadow:0 9px 30px #263e3010}.brand{color:#456b52;font-size:.86rem;font-weight:650}.brand span{color:#59782f;font-size:1.12rem}h1{font-size:clamp(1.65rem,6vw,2rem);line-height:1.15;margin:18px 0 10px;letter-spacing:-.04em}p{color:#4b6255;margin:0 0 20px}label{display:block;margin:12px 0 4px;font-weight:600}input,button{width:100%;font:inherit;min-height:44px;border-radius:7px}input{padding:8px 11px;color:#18382e;background:#fff;border:1px solid #98aa9d}button{margin-top:20px;padding:9px;color:#fff;background:#195744;border:0;cursor:pointer;font-weight:650}button:hover{background:#114634}:focus-visible{outline:3px solid #db9e34;outline-offset:2px}.error{margin:12px 0 0;color:#923e37;font-weight:600}.error:empty{display:none}