/* ClaimForge  — Forge Operator cinematic identity layer */
:root{
  --operator-deep:#061328;
  --operator-blue:#19b7ff;
  --operator-violet:#8d5cff;
}
.cf-operator-card{
  position:relative;
  min-height:330px;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(115,169,255,.34);
  background:
    radial-gradient(520px 280px at 72% 30%,rgba(31,183,255,.24),transparent 58%),
    linear-gradient(135deg,rgba(5,16,38,.96),rgba(21,25,70,.92));
  box-shadow:0 36px 90px rgba(23,69,140,.28), inset 0 0 0 1px rgba(255,255,255,.08);
  isolation:isolate;
}
.cf-operator-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,19,40,.84) 0%,rgba(6,19,40,.48) 38%,rgba(6,19,40,.06) 68%),
    radial-gradient(380px 260px at 72% 35%,rgba(42,191,255,.32),transparent 65%);
  z-index:2;
  pointer-events:none;
}
.cf-operator-card:after{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(115deg,transparent 0 28%,rgba(255,255,255,.20) 33%,transparent 40% 100%);
  opacity:.42;
  transform:translateX(-35%);
  animation:cfOperatorSheen 7.5s ease-in-out infinite;
  z-index:4;
  pointer-events:none;
}
@keyframes cfOperatorSheen{0%,55%{transform:translateX(-45%)}100%{transform:translateX(55%)}}
.cf-operator-img{
  position:absolute;
  right:-18px;
  bottom:-12px;
  width:min(58%,420px);
  height:112%;
  object-fit:cover;
  object-position:center top;
  filter:saturate(1.04) contrast(1.03) drop-shadow(0 28px 42px rgba(0,0,0,.35));
  z-index:1;
}
.cf-operator-copy{
  position:relative;
  z-index:5;
  width:58%;
  padding:28px;
  color:white;
}
.cf-operator-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(132,209,255,.26);
  color:#bcefff;
  font-weight:950;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.cf-operator-copy h2{
  margin:18px 0 10px;
  font-size:clamp(30px,4vw,52px);
  line-height:.94;
  letter-spacing:-.07em;
}
.cf-operator-copy p{
  color:rgba(230,246,255,.82)!important;
  font-size:15px;
  line-height:1.65;
  margin:0;
}
.cf-operator-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.cf-operator-chips span{
  display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(146,214,255,.25);
  background:rgba(255,255,255,.10);
  color:#eaf9ff;
  font-weight:850;
  font-size:12px;
}
.auth-hero-premium .cf-operator-card{
  margin-top:26px;
  min-height:250px;
  border-radius:28px;
}
.auth-hero-premium .cf-operator-img{
  width:min(54%,340px);
}
.auth-hero-premium .cf-operator-copy{
  width:62%;
  padding:24px;
}
.auth-hero-premium .cf-operator-copy h2{
  font-size:34px;
}
.cf-home-operator{
  min-height:560px;
  display:flex;
  align-items:stretch;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cf-home-operator:before{display:none!important}
.cf-home-operator .cf-operator-card{
  width:100%;
  min-height:560px;
}
.cf-home-operator .cf-operator-img{
  width:68%;
  right:-38px;
}
.cf-home-operator .cf-operator-copy{
  padding:38px;
  width:56%;
}
.cf-dashboard-operator{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:stretch;
}
.cf-dashboard-operator .cf-operator-card{
  min-height:320px;
}
.cf-dashboard-operator .cf-operator-copy h2{font-size:38px}
.cf-operator-mini{
  position:relative;
  overflow:hidden;
  min-height:260px;
  color:white;
  background:linear-gradient(135deg,#061328,#17205f)!important;
}
.cf-operator-mini:before{display:none!important}
.cf-operator-mini img{
  position:absolute;
  right:-30px;
  bottom:-28px;
  width:70%;
  height:122%;
  object-fit:cover;
  opacity:.85;
}
.cf-operator-mini div{position:relative;z-index:2;width:58%}
.cf-operator-mini p{color:rgba(230,246,255,.82)!important}
@media(max-width:1000px){
  .cf-operator-card,.cf-home-operator .cf-operator-card{min-height:500px}
  .cf-operator-img,.auth-hero-premium .cf-operator-img,.cf-home-operator .cf-operator-img{width:100%;height:68%;right:0;bottom:0;object-position:center top;opacity:.82}
  .cf-operator-card:before{background:linear-gradient(180deg,rgba(6,19,40,.94),rgba(6,19,40,.55) 52%,rgba(6,19,40,.12))}
  .cf-operator-copy,.auth-hero-premium .cf-operator-copy,.cf-home-operator .cf-operator-copy{width:100%;padding:24px}
  .auth-hero-premium .cf-operator-card{min-height:430px}
  .cf-dashboard-operator{grid-template-columns:1fr}
}