:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fffaf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#fff0df 0,#fffaf5 40rem)}main{display:grid;min-height:100vh;place-items:center;padding:24px}.card{width:min(100%,440px);overflow:hidden;border:1px solid #f0e6dc;border-radius:28px;background:#fff;box-shadow:0 24px 70px #54341a1a}.brand{display:flex;align-items:center;gap:10px;padding:22px 28px;border-bottom:1px solid #f4eee8;color:#302923;font-size:16px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:#ff7a00;color:#fff;font-weight:900}.content{padding:34px 32px 38px;text-align:center}.icon{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 18px;border-radius:18px;background:#fff0e0;color:#f07800;font-size:24px;font-weight:800}.icon-error{background:#fff1f0;color:#c43830}.icon-success{background:#e9f8ee;color:#16803d}h1{margin:0 0 10px;font-size:clamp(22px,5vw,28px);letter-spacing:-.03em}p{margin:0 auto 20px;color:#65615c;font-size:14px;line-height:1.65}form{margin-top:28px;text-align:start}label{display:block;margin:16px 0 7px;color:#413d38;font-size:13px;font-weight:700}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #ded8d1;border-radius:13px;background:#fff;color:#202124;font:inherit}input:focus{outline:3px solid rgb(255 122 0 / 22%);border-color:#ff7a00}.button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:18px;padding:12px 18px;border:0;border-radius:14px;background:#ff7a00;color:#fff;font:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.button:hover{background:#e86f00}.button:disabled{cursor:wait;opacity:.65}.error{min-height:1.4em;margin:10px 0 0;color:#b42318;font-size:13px}.hint{margin-top:16px}.spinner{width:30px;height:30px;margin:8px auto 18px;border:3px solid #ffe4c7;border-top-color:#ff7a00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){main{padding:14px}.content{padding:28px 22px 30px}.brand{padding:18px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}