
*{box-sizing:border-box;margin:0;padding:0;}
body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#120020;
  color:#e5e7eb;
}
a{color:inherit;}
header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 28px;
  background:#050009;
  border-bottom:2px solid #D4AF37;
  position:sticky;
  top:0;
  z-index:20;
}
.header-left{
  display:flex;
  align-items:center;
  gap:10px;
}
.header-left img{
  width:42px;
  height:42px;
  border-radius:50%;
  border:2px solid #a855f7;
  object-fit:cover;
}
.brand-text{
  display:flex;
  flex-direction:column;
}
.brand-name{
  font-weight:900;
  letter-spacing:0.08em;
  font-size:14px;
  color:#D4AF37;
}
.brand-slogan{
  font-size:11px;
  color:#a855f7;
  font-style:italic;
}
.header-right a{
  text-decoration:none;
  padding:8px 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  border:1px solid #D4AF37;
  margin-left:8px;
}
.header-right a.book{
  background:#7C3AED;
  color:#fff;
}
.header-right a.contracts{
  background:#050009;
  color:#D4AF37;
}
.hero{
  text-align:center;
  padding:80px 16px 90px;
}
.hero-inner{
  max-width:720px;
  margin:0 auto;
}
.hero-logo{
  width:180px;
  height:180px;
  border-radius:50%;
  border:3px solid #a855f7;
  object-fit:cover;
  box-shadow:0 0 28px rgba(168,85,247,0.85);
}
.hero-slogan{
  margin-top:10px;
  font-size:14px;
  color:#a855f7;
}
.hero-title{
  margin-top:12px;
  font-size:34px;
  font-weight:900;
  color:#FACC15;
}
.hero-text{
  margin-top:10px;
  font-size:14px;
  color:#e5e7eb;
}
.hero-actions{
  margin-top:22px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.btn{
  text-decoration:none;
  padding:10px 22px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  border:1px solid transparent;
}
.btn-gold{
  background:#D4AF37;
  border-color:#eab308;
  color:#111827;
}
.btn-purple{
  background:#7C3AED;
  border-color:#D4AF37;
  color:white;
}
footer{
  background:#000;
  border-top:2px solid #D4AF37;
  padding:26px 16px;
}
.footer-inner{
  max-width:900px;
  margin:0 auto;
}
.footer-top{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-top img{
  width:42px;
  height:42px;
  border-radius:50%;
  border:2px solid #a855f7;
  object-fit:cover;
}
.footer-contact{
  margin-top:10px;
  font-size:14px;
  line-height:1.7;
}
.footer-copy{
  margin-top:10px;
  text-align:right;
  font-size:12px;
  color:#9ca3af;
}
.page-hero-simple{
  text-align:center;
  padding:60px 16px 40px;
}
.page-hero-simple h1{
  font-size:30px;
  color:#FACC15;
  margin-bottom:10px;
}
.page-hero-simple p{
  color:#e5e7eb;
  font-size:14px;
}
.section{
  max-width:900px;
  margin:0 auto 60px;
  padding:0 16px;
}
.card{
  background:rgba(15,23,42,0.95);
  border-radius:16px;
  padding:18px 16px 20px;
  border:1px solid rgba(212,175,55,0.4);
  box-shadow:0 18px 40px rgba(0,0,0,0.65);
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px 14px;
}
.field{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:6px;
}
.field label{
  font-size:13px;
  font-weight:600;
  color:#f9fafb;
}
.field span.hint{
  font-size:11px;
  color:#9ca3af;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea,
select{
  border-radius:10px;
  border:1px solid #4b5563;
  padding:8px 10px;
  font-size:14px;
  background:#020617;
  color:#f9fafb;
}
textarea{
  min-height:70px;
  resize:vertical;
}
.radio-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
  margin-top:4px;
}
.radio-row label{
  display:flex;
  align-items:center;
  gap:4px;
}
.checkbox-row{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:12px;
  margin-top:10px;
  color:#e5e7eb;
}
.checkbox-row input{margin-top:3px;}
.form-actions{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.badge-note{
  font-size:11px;
  color:#9ca3af;
}
.invoice-box{
  margin-top:14px;
  padding:12px 14px;
  border-radius:12px;
  border:1px dashed rgba(212,175,55,0.7);
  background:rgba(15,23,42,0.9);
  font-size:13px;
}
.invoice-box strong{color:#FACC15;}
@media(max-width:640px){
  header{padding:10px 14px;}
  .hero-title{font-size:26px;}
}
