/* R171-A — Selected Members Gateway + permanent Irannian brand signature. */

.r171-gate-card{
  grid-column:1/-1!important;
  min-height:284px!important;
  padding:24px!important;
  isolation:isolate;
  overflow:hidden!important;
  border-color:rgba(240,210,134,.36)!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(240,210,134,.2),transparent 42%),
    linear-gradient(145deg,rgba(19,31,49,.98),rgba(4,10,18,.98))!important;
}
.r171-gate-card:before,
.r171-gate-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:34px;
  bottom:34px;
  width:132px;
  border:2px solid rgba(232,195,111,.3);
  border-bottom-color:transparent;
  border-radius:90px 90px 0 0;
  box-shadow:inset 0 0 26px rgba(232,195,111,.08),0 0 24px rgba(185,130,47,.08);
}
.r171-gate-card:before{right:-54px}
.r171-gate-card:after{left:-54px}
.r171-gate-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border:1px solid rgba(232,195,111,.28);
  border-radius:999px;
  color:#f0d286;
  background:rgba(232,195,111,.07);
  font-size:.72rem;
  font-weight:700;
}
.r171-gate-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#e8c36f;box-shadow:0 0 13px #e8c36f}
.r171-gate-portal{
  width:58px;
  height:70px;
  margin:12px 0 8px;
  display:grid;
  place-items:center;
  border:2px solid #d5a64d;
  border-bottom:0;
  border-radius:34px 34px 6px 6px;
  box-shadow:0 0 0 6px rgba(213,166,77,.055),0 0 28px rgba(213,166,77,.18),inset 0 0 20px rgba(213,166,77,.12);
}
.r171-gate-portal i{width:22px;height:30px;border:1px solid rgba(240,210,134,.55);border-bottom:0;border-radius:14px 14px 3px 3px;box-shadow:0 0 12px rgba(240,210,134,.17)}
.r171-gate-card h3{margin:0 0 7px!important;font-size:1.32rem!important;letter-spacing:-.02em}
.r171-gate-card h3 span{font-family:"Dana Pro",Dana,"Segoe UI",sans-serif;color:#f0d286;letter-spacing:.025em}
.r171-gate-card>p{max-width:350px;margin:0;color:#aeb9c7!important;font-size:.87rem}
.r171-gate-motto{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#cfac63;font-size:.7rem;opacity:.88}
.r171-gate-card footer{position:static!important;margin-top:18px!important;padding-top:14px;border-top:1px solid rgba(232,195,111,.14)}
.r171-gate-card footer .status{color:#f3d488;background:rgba(214,170,78,.1);border:1px solid rgba(214,170,78,.25)}
.r171-gate-card footer a{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:12px;background:linear-gradient(120deg,#b67b28,#f0d286);color:#171005!important;box-shadow:0 10px 24px rgba(185,130,47,.18)}
.r171-gate-tool{grid-column:1/-1;color:#f0d286!important;border-color:rgba(232,195,111,.3)!important;background:linear-gradient(110deg,rgba(185,130,47,.14),rgba(255,255,255,.025))!important;text-align:center;font-weight:800}

.r171-brand-footer{
  position:relative;
  isolation:isolate;
  width:min(492px,calc(100% - 24px));
  margin:14px auto 0;
  padding:25px 22px calc(118px + env(safe-area-inset-bottom));
  overflow:hidden;
  text-align:center;
  border-top:1px solid rgba(232,195,111,.2);
  color:#929ead;
}
.r171-origin-label{display:inline-flex;padding:5px 10px;border:1px solid rgba(232,195,111,.2);border-radius:999px;color:#d9b665;font:700 .62rem/1.4 "Dana Pro",Dana,sans-serif;letter-spacing:.18em}
.r171-manifesto{margin:13px auto 8px;line-height:1.9}
.r171-manifesto strong{display:block;background:linear-gradient(100deg,#a9782e,#f5dda0,#b78335);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.98rem;font-weight:900}
.r171-manifesto span{display:block;color:#c9d0da;font-size:.75rem}
.r171-brand-footer small{font-size:.64rem;color:#6f7a88}
.r171-brand-watermark{position:absolute;z-index:-1;left:50%;bottom:72px;transform:translateX(-50%);white-space:nowrap;color:#e8c36f;opacity:.035;font:900 3.2rem/1 "Dana Pro",Dana,sans-serif;letter-spacing:.08em}

@media(max-width:560px){
  .r171-gate-card{min-height:270px!important;padding:20px!important}
  .r171-gate-card:before,.r171-gate-card:after{width:104px}
  .r171-gate-motto{font-size:.63rem}
  .r171-brand-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .r171-manifesto strong{font-size:.9rem}
}
