:root{--navy:#14243d;--gold:#b89143;--cream:#f7f4ed}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--cream);color:#172033}.topbar{background:var(--navy);color:white;padding:20px 28px}.wrap{max-width:1100px;margin:auto;padding:36px 24px}.hero,.login{background:white;border-radius:18px;padding:32px;border:1px solid #e5dfd1}.login{max-width:460px;margin:8vh auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid #e5dfd1;border-radius:14px;padding:18px}button,input{width:100%;padding:13px;margin:7px 0 14px;border-radius:9px}button{background:var(--navy);color:white;border:0;font-weight:700}.gold{color:#e2c16f}.muted{color:#667085}