@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Poppins:wght@400;500;600;700;800&display=swap');
:root{font-family:Poppins,Arial,sans-serif;color:#292b24;font-synthesis:none;font-size:14px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}[hidden]{display:none!important}
.login-screen{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px 72px;background:linear-gradient(135deg,#302b1b 0%,#b89629 54%,#e8d77e 100%)}
.login-layout{width:100%;max-width:440px}
.login-card{width:100%;border:1px solid #ffffff8c;border-radius:10px;background:rgba(255,255,255,.97);padding:28px;box-shadow:0 24px 60px #0000003d}
.login-logo{width:176px;max-width:70%;height:auto;display:block;margin:0 0 17px}
.eyebrow{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#8a6c0c;margin:0 0 18px}
h1,h2{font:800 30px/1.1 Manrope,Arial,sans-serif;letter-spacing:-.65px;margin:2px 0 16px}
.intro{font-size:13px;line-height:1.5;color:#747365;margin:0 0 16px}
label{display:block;font-size:11px;font-weight:800;color:#686653;margin-bottom:6px}
input{display:block;width:100%;height:44px;border:1px solid #dfdfd3;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;color:#292b24;transition:border-color .15s,box-shadow .15s}
input::placeholder{color:#a3a69b}.password-label{margin-top:14px}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:3px;top:2px;min-height:40px;padding:0 12px;border:0;background:transparent;font-size:11px;font-weight:600;color:#747365;cursor:pointer}
:focus-visible{outline:3px solid #8a6c0c;outline-offset:3px}input:focus{outline:none;border-color:#ac8a16;box-shadow:0 0 0 3px #d6b12a21}
.primary-button{min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;padding:10px 16px;background:linear-gradient(110deg,#edc936,#e2b52b);border:1px solid transparent;border-radius:8px;color:#302b1b;font-size:16px;font-weight:800;cursor:pointer;transition:filter .15s,transform .15s}.primary-button:hover{filter:brightness(.96)}.primary-button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.65}
.form-message{font-size:12px;line-height:1.5;color:#a33d32;margin:12px 0}.form-message:empty{margin:14px 0 0}
.tagline{font-size:13px;line-height:1.5;color:#747365;margin:14px 0 0}
footer{position:fixed;bottom:18px;left:24px;right:24px;text-align:center;color:#fff9df;font-size:11px;font-weight:600;text-shadow:0 1px 3px #302b1b55}
.success-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#edf0d7;color:#596126;font-size:21px;margin-bottom:20px}.account-email{overflow-wrap:anywhere;font-size:13px;color:#747365;margin-bottom:25px}
@media(max-width:480px){.login-screen{padding:30px 18px 64px}.login-card{padding:25px}.login-logo{max-width:70%}h1,h2{font-size:28px}input{font-size:16px}footer{font-size:10px}}
@media(max-height:620px){footer{position:static;margin:24px 0 0}.login-screen{padding-top:24px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}