:root{--ink:#132421;--teal:#075f5d;--mint:#9ce0ca;--cream:#f5f1e8;--line:#dce4df}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f7f4;color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.demo-ribbon{text-align:center;background:#f2c96f;color:#4c3508;padding:8px;font-size:10px;font-weight:800;letter-spacing:.1em}.account-login{min-height:100vh;background:#0b312d}.account-login-card{width:min(1000px,calc(100% - 40px));min-height:680px;margin:45px auto;display:grid;grid-template-columns:1.05fr .95fr;background:white;border-radius:24px;overflow:hidden}.account-photo{padding:48px;color:#fff;background:linear-gradient(rgba(6,34,31,.35),rgba(6,34,31,.88)),url('assets/hero-campaign.png') center/cover;display:flex;flex-direction:column;justify-content:space-between}.account-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.account-brand:first-letter{background:var(--mint);color:var(--ink)}.account-photo h1{font-size:54px;margin:10px 0}.account-photo p,.kicker,.customer-hero p,.account-card>span,.customer-orders>div>p{font-size:11px;font-weight:800;letter-spacing:.12em}.account-photo div>span{color:#d4e2de;line-height:1.6}.account-form{padding:55px;display:flex;flex-direction:column;justify-content:center}.account-form h2{font-size:36px;margin:5px 0 20px}.account-form form{display:grid}.account-form label{font-size:10px;font-weight:800;margin:13px 0 6px}.account-form input{border:1px solid var(--line);border-radius:9px;padding:13px}.account-form form>button,.account-card button{border:0;border-radius:99px;background:var(--ink);color:white;padding:13px;margin-top:18px;font-weight:800}.account-message{min-height:20px;color:var(--teal);font-size:12px}.account-message.error{color:#a63f37}.account-form details{border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:10px}.account-form summary{font-size:12px;font-weight:800;cursor:pointer}.account-form details button{display:block;width:100%;margin-top:6px;padding:8px;border:0;border-radius:7px;text-align:left}.portal-choice{display:flex;justify-content:space-between;margin:22px 0;font-size:12px}.portal-choice a{color:var(--teal);font-weight:800}.account-form>small{color:#798681}.customer-header{height:76px;background:#fff;display:flex;align-items:center;padding:0 5vw;gap:40px;border-bottom:1px solid var(--line)}.customer-header nav{display:flex;gap:25px;margin-left:auto}.customer-header button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:9px}.customer-hero{padding:70px 7vw;background:linear-gradient(120deg,#0b332e,#17675a);color:#fff}.customer-hero h1{font-size:52px;margin:8px 0}.customer-hero span{color:#c8ddd7}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:34px 7vw}.account-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.account-card h2{font-size:20px}.account-card p{color:#66746f;line-height:1.6}.account-card button{padding:9px 13px;font-size:11px}.customer-orders{padding:30px 7vw 80px}.customer-orders h2{font-size:36px}.customer-order-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.customer-order-list article{display:grid;grid-template-columns:1fr 1.2fr 1.5fr .6fr .6fr;gap:15px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px}.customer-order-list small{display:block;color:#7b8984}.customer-order-list em{font-style:normal;color:var(--teal);font-weight:800}@media(max-width:750px){.account-login-card{grid-template-columns:1fr}.account-photo{display:none}.account-grid{grid-template-columns:1fr}.customer-header nav{display:none}.customer-order-list article{grid-template-columns:1fr 1fr}.customer-order-list article span{display:none}}
.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--ink);font-family:Georgia,serif;letter-spacing:0;flex:0 0 auto}
.signin-explainer{color:#64736f;font-size:12px;line-height:1.55;margin:0 0 8px}
.account-form details button b,.account-form details button span{display:block}.account-form details button span{font-size:9px;color:#6e7d78;margin-top:3px}.customer-training-hint{display:block;padding:9px 3px 0;color:#778681;font-size:9px;line-height:1.45}
.account-back{display:inline-block;margin:-4px 0 18px;color:var(--teal);font-size:12px;font-weight:800}