@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:#e8f1e8;background:#071f19}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.auth-shell{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr}.brand-panel{min-height:100svh;position:relative;padding:50px 9%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#061d18d9,#061d18a8),url('tea-rewards.png') 65% center/cover no-repeat;overflow:hidden}.brand-panel:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 90%,#a62f4930,transparent 70%);pointer-events:none}.brand,.back,.brand-message{position:relative;z-index:1}.brand img{width:235px;max-width:100%;height:auto}.eyebrow{color:#c9b887;font-size:9px;letter-spacing:2.6px}.brand-message{margin:65px 0}.brand-message h1{font:400 clamp(42px,4.7vw,70px)/1.05 'Cormorant Garamond',serif;margin:24px 0}.brand-message h1 em{color:#d4ba83;font-weight:400}.brand-message p{color:#b3c5b6;font-size:12px;line-height:1.9}.features{margin-top:37px;display:grid;gap:17px;font-size:11px;color:#c4d6c5}.features span:first-letter{color:#d6a4a7}.back{font-size:10px;color:#b9c8b7}.form-panel{background:radial-gradient(ellipse at 100% 0%,#79344730,transparent 55%),linear-gradient(150deg,#12382b,#09231b);padding:60px 12% 25px;display:flex;flex-direction:column;justify-content:center}.form-wrap{width:100%;max-width:410px;margin:auto}.tabs{display:flex;gap:30px;margin:30px 0 35px;border-bottom:1px solid #ffffff19}.tabs a{padding:0 0 13px;font-size:12px;color:#8ca996}.tabs a[aria-current=page]{color:#e4f0dc;border-bottom:2px solid #d3e5c4}h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:0 0 12px}.subtitle{font-size:12px;color:#9fbaa6;line-height:1.8;margin:0 0 24px}label{display:block;font-size:11px;color:#c1d5c5;margin:20px 0 9px}input{width:100%;padding:14px 15px;background:#061f1bcc;border:1px solid #a6c7b52b;color:#eff8ee;border-radius:9px;font-size:12px;outline:none}input::placeholder{color:#688775}input:focus{border-color:#bed1a5;box-shadow:0 0 0 3px #bbd8b015}.password-label{display:flex;align-items:end;justify-content:space-between}.password-label button{background:none;border:0;color:#b6cda8;font-size:10px;margin-bottom:9px;padding:0}.help{font-size:10px;line-height:1.8;color:#8fac99;margin:10px 0}.note{text-align:center;margin-top:18px}.status{font-size:11px;line-height:1.8;color:#c9d2b9;padding:12px 14px;background:#9c955810;border:1px solid #a6be8c25;border-radius:8px;margin-bottom:20px}.status:empty{display:none}#error{font-size:11px;line-height:1.7;color:#ffbfca;margin-top:16px}#error:empty{margin:0}#submit{width:100%;border:0;border-radius:9px;background:linear-gradient(130deg,#d9ebcd,#b2ceac);color:#193825;display:flex;justify-content:space-between;padding:15px 18px;margin-top:25px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffff80,0 5px 20px #0001}#submit:disabled{opacity:.5;cursor:wait}.switch-prompt{font-size:11px;text-align:center;color:#8fae99;margin:28px 0}.switch-prompt a{color:#d2e0bd;margin-left:4px}#setup-option{text-align:center;border-top:1px solid #ffffff13;margin-top:25px;padding-top:20px}#setup-button{background:none;border:0;color:#b8b699;font-size:10px;line-height:1.8}#dashboard-link{display:block;text-align:center;font-size:11px;color:#dbd6ad;margin-top:20px}footer{display:flex;justify-content:space-between;margin-top:55px;font-size:9px;color:#678d76}.mobile-brand{display:none}button:focus-visible,a:focus-visible{outline:2px solid #d4dcb0;outline-offset:5px}@media(max-width:1000px){.form-panel{padding:50px 9% 25px}.brand-panel{padding:40px 8%}.brand img{width:210px}}@media(max-width:700px){.auth-shell{display:block}.brand-panel{display:none}.form-panel{min-height:100svh;padding:32px 8% 20px}.mobile-brand{display:block;text-align:center;margin-bottom:40px}.mobile-brand img{width:225px;max-width:90%;height:auto}.form-wrap{margin:auto}.tabs{margin:25px 0 30px}footer{margin-top:40px}h2{font-size:29px}}

.status.warning,#error:not(:empty){color:#ffd6d6;background:#5a1828;border:1px solid #f07178;border-left:4px solid #ff727a;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.7}#error:empty{display:none}.status.warning{font-weight:500}
