@import url("theme.css");

:root{--red:#7b1f14;--gold:#c9a227;--gold-light:#e8c766;--brown:#3e2f23;--cream:#f7f2e9;--black:#16181c;--shadow:0 8px 28px rgba(22,24,28,.16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font:16px/1.5 Segoe UI,Arial,sans-serif;color:var(--brown);background:radial-gradient(circle at 12% 0%,rgba(201,162,39,.14),transparent 42%),linear-gradient(160deg,#f7f2e9,#efe6d6);display:flex;flex-direction:column}header{background:linear-gradient(135deg,#1b1d21,#3a2c20 60%,#c9a227);color:#fff;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;color:var(--gold-light);font-weight:800}.brand img{width:74px;height:48px;object-fit:contain}.brand small{display:block;color:#fff;font-weight:400;font-size:.72rem}nav{display:flex;gap:7px;flex-wrap:wrap}nav a,.btn{display:inline-block;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer}nav a{color:#fff;background:rgba(255,255,255,.12)}nav a:hover{background:rgba(232,199,102,.3)}main{width:min(1080px,100%);margin:0 auto;padding:32px 22px;flex:1}.hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;min-height:360px;padding:42px;border-radius:16px;background:linear-gradient(135deg,#16181c,#3e2f23);color:#fff;box-shadow:var(--shadow)}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:10px 0 18px;color:#fff}.eyebrow{color:var(--gold-light);font-weight:800;letter-spacing:2px;text-transform:uppercase}.lead{color:#e4e7e9;font-size:1.15rem;max-width:560px}.hero img{width:min(230px,100%)}.btn{background:var(--gold);color:#16181c}.btn.alt{background:rgba(255,255,255,.12);color:#fff}.login{max-width:440px;margin:44px auto;background:#fff;padding:30px;border-radius:16px;box-shadow:var(--shadow)}label{display:block;font-weight:700;margin:14px 0 5px}input{width:100%;padding:11px;border:1px solid #d5c8b3;border-radius:8px}footer{padding:18px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--red),var(--brown))}@media(max-width:700px){header{padding:12px 16px}.hero{grid-template-columns:1fr;padding:28px 22px}.hero img{justify-self:center;width:180px}main{padding:22px 14px}}
