:root{
  --opta-gold:#FFB600;
  --opta-navy:#0F172A;
  --opta-charcoal:#1F2937;
  --opta-cream:#FFF7EC;
  --opta-sand:#F1E6D2;
  --opta-slate:#334155;
}
html[data-metiss-brand="opta"] body{
  background:
    radial-gradient(circle at 90% 8%,rgba(255,182,0,.11),transparent 25rem),
    linear-gradient(180deg,#FFFDF8,#FFF7EC)!important;
  color:var(--opta-navy)!important;
  font-family:IRANSans,Vazirmatn,Inter,Tahoma,Arial,sans-serif!important;
}
.metiss-opta-shell{
  position:relative;z-index:2147483000;
  background:var(--opta-navy);color:#fff;
  border-bottom:3px solid var(--opta-gold);
  box-shadow:0 14px 40px rgba(15,23,42,.18);
}
.metiss-opta-shell__inner{
  width:min(1260px,calc(100% - 32px));margin:auto;min-height:78px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.metiss-opta-shell__logo{display:block;width:210px;line-height:0}
.metiss-opta-shell__promise{text-align:left}
.metiss-opta-shell__promise b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:17px;color:#fff}
.metiss-opta-shell__promise span{display:block;font-size:11px;color:#AEB7C7;margin-top:5px}
.metiss-opta-intro{
  width:min(1260px,calc(100% - 32px));margin:24px auto 4px;padding:24px 28px;
  display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;
  background:#fff;border:1px solid #F0E3CD;border-radius:20px;
  box-shadow:0 16px 50px rgba(15,23,42,.08);
}
.metiss-opta-intro h1{font-family:"Playfair Display",Georgia,serif!important;font-size:30px!important;line-height:1.45!important;margin:0 0 7px!important;color:var(--opta-navy)!important}
.metiss-opta-intro h1 span{color:#C98F00}
.metiss-opta-intro p{font-size:14px!important;line-height:1.9!important;color:#64748B!important;margin:0!important;max-width:850px}
.metiss-opta-intro__mark{width:74px;height:74px;object-fit:contain}
html[data-metiss-brand="opta"] button,
html[data-metiss-brand="opta"] [role="button"],
html[data-metiss-brand="opta"] input[type="submit"]{
  border-radius:12px!important;
}
html[data-metiss-brand="opta"] button:not([disabled]),
html[data-metiss-brand="opta"] input[type="submit"]{
  background-color:var(--opta-gold)!important;color:var(--opta-navy)!important;
  border-color:var(--opta-gold)!important;box-shadow:0 9px 24px rgba(255,182,0,.22)!important;
}
html[data-metiss-brand="opta"] input,
html[data-metiss-brand="opta"] select,
html[data-metiss-brand="opta"] textarea{
  border-radius:12px!important;border-color:#DDD5C9!important;
}
html[data-metiss-brand="opta"] input:focus,
html[data-metiss-brand="opta"] select:focus,
html[data-metiss-brand="opta"] textarea:focus{
  outline-color:var(--opta-gold)!important;border-color:var(--opta-gold)!important;
}
@media(max-width:650px){
  .metiss-opta-shell__logo{width:166px}
  .metiss-opta-shell__promise{display:none}
  .metiss-opta-intro{grid-template-columns:1fr;padding:20px}
  .metiss-opta-intro__mark{display:none}
  .metiss-opta-intro h1{font-size:23px!important}
}