:root{--ink:#112521;--muted:#687873;--green:#15634d;--mint:#d8eee4;--line:#e0e8e3}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#f5f7f3;color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:inherit}
button,input{font:inherit}
.top{height:72px;border-bottom:1px solid var(--line);background:#fff}
.top-inner{width:min(1140px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:1.14rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}
.brand span{color:var(--green)}
.back{text-decoration:none;font-size:.87rem;font-weight:700;color:var(--green)}
.layout{max-width:1140px;min-height:calc(100vh - 72px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:40px 20px;gap:36px}
.story{border-radius:28px;background:radial-gradient(circle at 85% 15%,#276e5f 0,transparent 45%),linear-gradient(140deg,#0d2926,#1a473c);color:#fff;padding:clamp(32px,5vw,65px);display:flex;flex-direction:column;justify-content:space-between;min-height:540px}
.tag{width:max-content;border:1px solid #b4e7d1;border-radius:30px;color:#dcfae8;padding:7px 13px;font-size:.7rem;font-weight:900;letter-spacing:.13em}
.story h1{font-size:clamp(2.7rem,4.4vw,4.7rem);line-height:1.02;letter-spacing:-.06em;margin:35px 0 16px;max-width:450px}
.story p{color:#d2ede2;max-width:390px}
.story-bottom{border-top:1px solid #ffffff33;padding-top:22px;color:#c7e8d7;font-size:.9rem}
.form-side{display:flex;flex-direction:column;align-items:center;justify-content:center}
.card{width:min(440px,100%);padding:32px;border:1px solid var(--line);background:white;border-radius:22px;box-shadow:0 20px 60px #173c2512}
.eyebrow{color:var(--green);font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em}
.card h2{font-size:2rem;line-height:1.12;letter-spacing:-.04em;margin:10px 0}
.intro{color:var(--muted);font-size:.9rem;margin:0 0 26px}
.field{display:block;margin:0 0 17px}
.field span{display:block;font-size:.84rem;font-weight:750;margin-bottom:7px}
.field input{width:100%;height:46px;padding:0 14px;border:1px solid #cedbd1;border-radius:11px;outline:none;color:var(--ink);background:#fff}
.field input:focus{border-color:#238665;box-shadow:0 0 0 3px #d6eee3}
.submit{width:100%;height:48px;border:0;border-radius:11px;background:var(--green);color:white;font-weight:850;cursor:pointer;margin-top:6px}
.submit:hover{background:#10553f}
.submit:disabled{opacity:.6;cursor:wait}
.field-help{display:flex;justify-content:flex-end;margin:-8px 0 14px}
.field-help a,.text-action{color:var(--green);font-size:.84rem;font-weight:800;text-decoration:none}
.secondary-action,.text-action{width:100%;min-height:44px;margin-top:10px;border-radius:11px;cursor:pointer}
.secondary-action{border:1px solid var(--line);background:#f8faf8;color:var(--ink);font-weight:800}
.secondary-action:disabled{cursor:not-allowed;opacity:.65}
.text-action{border:0;background:transparent}
.message.success{background:#e5f4eb;color:#17613f}
.switch{border-top:1px solid var(--line);padding-top:20px;text-align:center;font-size:.88rem;color:var(--muted);margin-top:24px}
.switch a{color:var(--green);font-weight:850;text-decoration:none}
.message{margin-bottom:16px;padding:12px;border-radius:10px;background:#fce8e6;color:#923b36;font-size:.85rem}
.small{margin-top:18px;font-size:.75rem;color:var(--muted);text-align:center}
@media(max-width:800px){.layout{display:block;min-height:0;padding:20px}
.story{min-height:170px;padding:25px;border-radius:20px;margin-bottom:16px}
.story h1{font-size:2rem;margin:15px 0 6px}
.story p{margin:0;font-size:.84rem}
.story-bottom{display:none}
.card{padding:26px 22px}
.form-side{padding-bottom:24px}
}


/* Qustom Souq logo palette */
:root{--ink:#1a283a;--muted:#647181;--green:#72542d;--mint:#f3eadb;--line:#dce1e5}
body{background:#f7f7f5}
.brand span{color:#947144}
.back,.eyebrow,.switch a{color:#72542d}
.story{background:radial-gradient(circle at 86% 18%,#745b3d66,transparent 45%),linear-gradient(140deg,#162335,#2a3b50)}
.tag{border-color:#bda57f;color:#efdbb7}
.story p,.story-bottom{color:#e2e5e9}
.card{box-shadow:0 20px 60px #18283d14}
.field input:focus{border-color:#96774c;box-shadow:0 0 0 3px #e7d7b5}
.submit{background:#1a283a}
.submit:hover{background:#2d4058}