header>#logout{margin-left:12px;background:transparent;color:var(--muted);font-size:12px;letter-spacing:.5px}
.auth{max-width:920px;margin:4vh auto;display:grid;grid-template-columns:1.08fr .92fr;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:var(--shadow);min-height:560px}
.auth-copy{padding:64px 56px;background:linear-gradient(145deg,#2c241f,#171411);color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center}.auth-copy:before{content:"";position:absolute;inset:15px;border:1px solid rgba(216,191,149,.27)}.auth-copy:after{content:"GH";position:absolute;right:28px;bottom:8px;color:#ffffff08;font:130px Georgia,serif}.auth-copy>*{position:relative;z-index:1}.auth-copy p{color:#d5cec5;max-width:390px}.auth-copy h1{font-size:48px}
.auth-form{padding:58px 46px;display:flex;flex-direction:column;justify-content:center}.auth-form input{display:block;width:100%;padding:14px 3px;margin:11px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit}.auth-form input:focus{outline:0;border-color:var(--gold)}.auth-form .primary{margin-top:15px;width:100%;padding:14px}
.demo-buttons{display:grid;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.demo-buttons button{padding:10px;border:1px solid var(--line);border-radius:2px;background:transparent;color:#745833}.demo-buttons button:hover{border-color:var(--gold);background:#f7f0e5}
.auth-tabs{display:flex;gap:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.auth-tabs button{padding:0 0 9px;background:transparent;color:var(--muted)}.auth-tabs button.active{color:var(--espresso);border-bottom:1px solid var(--gold)}
.mock-delivery{margin:20px 0;padding:18px;border:1px solid var(--gold-light);background:#f8f0e3;text-align:center}.mock-delivery span,.mock-delivery small{display:block;color:var(--muted);font-size:11px}.mock-delivery strong{display:block;margin:8px 0;font:32px/1 Georgia,serif;letter-spacing:8px;color:var(--espresso)}.text-button{margin-top:14px;background:transparent;color:var(--muted);text-decoration:underline;width:100%}
.launch-help{max-width:720px;margin:8vh auto;padding:50px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.launch-help code{display:block;margin:22px 0;padding:15px;background:#eee8de;color:var(--espresso)}
@media(max-width:800px){.auth{grid-template-columns:1fr}.auth-copy{padding:42px 34px;min-height:320px}.auth-form{padding:40px 28px}.auth-copy h1{font-size:38px}}