*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f3f5ef;color:#203b30;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;padding:24px}main{width:100%;max-width:420px;background:#fff;padding:36px 30px;border:1px solid #e0e7dc;border-radius:24px;box-shadow:0 16px 60px #2547350d}.brand{font-size:13px;letter-spacing:2px;color:#69806d}h1{font-size:28px;margin:20px 0 8px}p,small{color:#6e7a70;line-height:1.7}p{font-size:14px}form{margin:28px 0 20px}label{display:block;font-size:14px;margin:18px 0 8px}input{width:100%;padding:13px 14px;border:1px solid #cdd8cc;border-radius:10px;font:inherit;font-size:16px;color:#203b30}input:focus{outline:2px solid #93b99d;outline-offset:2px}button{width:100%;padding:14px;border:0;border-radius:10px;background:#285d42;color:white;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6}#error{color:#a43d37;min-height:24px;margin:12px 0}small{display:block;font-size:12px}@media(max-width:480px){main{padding:30px 24px}body{padding:18px}}