:root{
  --gold:#d4af37;
  --gold-ink:#9c7e1f;
  --ink:#222;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --bg-soft:#fbfbfb;
  --card:#ffffff;
  --radius:16px;
  --shadow:0 14px 36px rgba(16,24,40,.08);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
}

.container{max-width:1080px; margin:32px auto; padding:0 20px}

.site-header{
  padding:12px 0 6px 0;
  border-bottom:1px solid #efefef;
  margin-bottom:22px;
}
.brand{display:flex; align-items:center; gap:14px}
.logo{
  width:68px; height:68px; object-fit:contain;
  border-radius:14px; background:rgba(212,175,55,.08); padding:8px;
}
.brand-text h1{font-size:22px; margin:0 0 4px 0}
.tagline{margin:0; color:var(--muted); font-size:13px}

.grid{
  display:grid;
  grid-template-columns: 1fr 380px;
  gap:26px;
}
@media (max-width: 940px){ .grid{grid-template-columns: 1fr} }

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px;
}

.left .card h2{margin:0 0 8px 0; font-size:20px}
.lead{margin:0 0 16px 0; color:var(--muted)}

label{display:block; font-weight:600; font-size:13px; margin-top:12px}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
select,
textarea{
  width:100%;
  margin-top:8px;
  padding:12px 14px;
  border:1px solid #e7e7e7;
  border-radius:12px;
  font-size:14px;
  background:#fff;
  transition: box-shadow .2s ease, border-color .2s ease;
}
textarea{resize:vertical; min-height:110px}
input:focus, select:focus, textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.18);
}

.row{display:flex; gap:12px}
.col{flex:1}
@media (max-width:560px){ .row{flex-direction:column} }

#submitBtn{
  margin-top:16px;
  background:var(--gold);
  color:#fff;
  border:none;
  padding:12px 16px;
  border-radius:12px;
  font-weight:700;
  width:100%;
  cursor:pointer;
  transition: background .2s ease, transform .02s ease;
}
#submitBtn:hover{background: #c49b2e}
#submitBtn:active{transform:translateY(1px)}

.status{margin-top:10px; font-size:13px; color:#444; min-height:20px}
.status.ok{color:#136f2d}
.status.err{color:#a20f0f}

.right{display:flex; flex-direction:column; gap:18px}
.hero{
  text-align:center;
  background: linear-gradient(180deg, rgba(212,175,55,.10), rgba(212,175,55,.02));
}
.hero-logo{width:128px; height:auto; margin:4px auto 10px auto}
.hero-copy strong{color:var(--gold-ink)}
.hero-copy p{margin:.35rem 0 0 0; color:var(--muted); font-size:14px}

.mini{text-align:center}
.mini-title{font-weight:800}
.mini-steps{color:var(--muted); margin:.35rem 0 0 0; font-size:14px}

.site-footer{
  text-align:center;
  color:var(--muted);
  font-size:13px;
  margin:22px 0 8px 0;
}