/* MODTAC success / thank-you screen
   UI-only patch. Does not touch i18n, DeepL, routing or data. */
:root {
  --mt-success-bg: #0c0f0b;
  --mt-success-ink: #f3eee5;
  --mt-success-muted: rgba(243, 238, 229, 0.72);
  --mt-success-gold: #b98236;
  --mt-success-gold-2: #e1bd75;
  --mt-success-green: #11190f;
}

body.modtac-success-open {
  overflow: hidden !important;
}

.modtac-success-screen {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: stretch;
  justify-content: center;
  color: var(--mt-success-ink);
  font-family: "Inter", "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 72% 24%, rgba(177, 118, 39, 0.18), transparent 32%),
    linear-gradient(90deg, rgba(7, 8, 6, 0.92) 0%, rgba(12, 15, 10, 0.86) 46%, rgba(12, 15, 10, 0.94) 100%),
    url('/assets/hero-camp.jpg') center center / cover no-repeat;
  isolation: isolate;
}

.modtac-success-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.82)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 4px);
  pointer-events: none;
  z-index: -1;
}

.modtac-success-screen::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.52) 0%, transparent 38%, rgba(0, 0, 0, 0.52) 100%),
    radial-gradient(circle at 50% 52%, transparent 0 34%, rgba(0,0,0,0.58) 72%);
  pointer-events: none;
  z-index: -1;
}

.modtac-success-inner {
  width: min(1180px, calc(100vw - 32px));
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 24px;
  padding: 26px 0 24px;
}

.modtac-success-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(225, 189, 117, 0.26);
  padding-bottom: 18px;
}

.modtac-success-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.modtac-success-brand img {
  width: 168px;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));
}

.modtac-success-brand-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.modtac-success-brand-title {
  font-family: "Saira Stencil One", "Rajdhani", "Oswald", sans-serif;
  font-size: clamp(24px, 4vw, 42px);
  line-height: 0.95;
  letter-spacing: .045em;
  text-transform: uppercase;
  color: #f5f0e8;
  text-shadow: 0 2px 18px rgba(0,0,0,.55);
}

.modtac-success-brand-subtitle {
  color: var(--mt-success-gold-2);
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: 13px;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.modtac-success-nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
  color: rgba(255, 255, 255, 0.78);
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.modtac-success-nav a {
  color: inherit;
  text-decoration: none;
}

.modtac-success-close {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(225,189,117,.42);
  border-radius: 999px;
  background: rgba(12, 15, 10, 0.56);
  color: #f4eadb;
  cursor: pointer;
  transition: .2s ease;
}

.modtac-success-close:hover {
  background: rgba(177, 118, 39, 0.22);
  transform: translateY(-1px);
}

.modtac-success-main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 0 6px;
}

.modtac-success-card {
  width: min(760px, 100%);
  position: relative;
  border: 1px solid rgba(225, 189, 117, .36);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(18, 25, 16, .86), rgba(9, 12, 8, .86)),
    radial-gradient(circle at 50% 0%, rgba(177, 118, 39, .12), transparent 38%);
  box-shadow:
    0 30px 85px rgba(0,0,0,.66),
    inset 0 1px 0 rgba(255,255,255,.06);
  padding: clamp(28px, 5vw, 58px) clamp(20px, 5vw, 56px);
  text-align: center;
  overflow: hidden;
  backdrop-filter: blur(11px);
}

.modtac-success-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background:
    linear-gradient(90deg, transparent, rgba(225,189,117,.22), transparent),
    radial-gradient(circle at center 72px, rgba(225,189,117,.12), transparent 135px);
  pointer-events: none;
}

.modtac-success-icon {
  position: relative;
  margin: 0 auto 24px;
  width: 116px;
  height: 116px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f6edda;
  border: 2px solid rgba(225, 189, 117, .78);
  background:
    radial-gradient(circle at 50% 38%, rgba(225,189,117,.36), transparent 40%),
    linear-gradient(135deg, rgba(190,128,45,.45), rgba(25,18,10,.76));
  box-shadow:
    0 0 0 9px rgba(225,189,117,.09),
    0 0 0 23px rgba(225,189,117,.04),
    0 18px 45px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.14);
  isolation: isolate;
}

.modtac-success-icon::before,
.modtac-success-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 999px;
}

.modtac-success-icon::before {
  width: 170px;
  height: 170px;
  border: 1px solid rgba(225, 189, 117, .20);
  background:
    linear-gradient(rgba(225,189,117,.26), rgba(225,189,117,.26)) center / 1px 100% no-repeat,
    linear-gradient(90deg, rgba(225,189,117,.26), rgba(225,189,117,.26)) center / 100% 1px no-repeat;
  box-shadow:
    0 0 0 28px rgba(225,189,117,.018),
    inset 0 0 0 24px rgba(0,0,0,.10);
  opacity: .98;
  z-index: -1;
}

.modtac-success-icon::after {
  width: 142px;
  height: 142px;
  border: 1px dashed rgba(225, 189, 117, .22);
  box-shadow:
    inset 0 0 0 24px rgba(225,189,117,.025),
    0 0 32px rgba(225,189,117,.14);
  z-index: -1;
}

.modtac-success-icon svg {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  filter: drop-shadow(0 4px 11px rgba(0,0,0,.35));
}

.modtac-success-title {
  position: relative;
  margin: 0;
  font-family: "Saira Stencil One", "Rajdhani", "Oswald", sans-serif;
  font-size: clamp(40px, 7.8vw, 76px);
  line-height: .95;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #f6f1e9;
  text-shadow: 0 8px 24px rgba(0,0,0,.48);
}

.modtac-success-rule {
  width: min(360px, 76%);
  height: 1px;
  margin: 22px auto 20px;
  background: linear-gradient(90deg, transparent, rgba(225,189,117,.85), transparent);
  position: relative;
}

.modtac-success-rule::after {
  content: "★";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #11160f;
  color: var(--mt-success-gold-2);
  padding: 0 12px;
  font-size: 13px;
}

.modtac-success-subtitle {
  margin: 0 0 12px;
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: clamp(26px, 3.5vw, 38px);
  line-height: 1.1;
  font-weight: 700;
  color: var(--mt-success-gold-2);
}

.modtac-success-message {
  margin: 0 auto;
  max-width: 620px;
  color: var(--mt-success-muted);
  font-size: clamp(14px, 1.7vw, 17px);
  line-height: 1.65;
}

.modtac-success-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 30px auto 0;
  max-width: 650px;
}

.modtac-success-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 7px;
  border: 1px solid rgba(225,189,117,.5);
  padding: 12px 15px;
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #f6f1e9;
  text-decoration: none;
  background: rgba(255,255,255,.045);
  transition: .2s ease;
}

.modtac-success-button:hover {
  background: rgba(177,118,39,.18);
  transform: translateY(-1px);
}

.modtac-success-button.primary {
  background: linear-gradient(135deg, #8c5d25, #c18a3a);
  border-color: rgba(225,189,117,.82);
  box-shadow: 0 14px 28px rgba(0,0,0,.32);
}

.modtac-success-button svg {
  width: 18px;
  height: 18px;
}

.modtac-success-next {
  width: min(760px, 100%);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(225, 189, 117, .28);
  border-radius: 12px;
  background: rgba(10, 13, 8, .70);
  padding: 18px 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.44);
}

.modtac-success-next-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(225,189,117,.62);
  color: var(--mt-success-gold-2);
  font-family: Georgia, serif;
  font-weight: 700;
}

.modtac-success-next strong {
  display: block;
  color: #f7efe3;
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: 16px;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.modtac-success-next p {
  margin: 0;
  color: rgba(246, 241, 233, .67);
  font-size: 13px;
  line-height: 1.55;
}

.modtac-success-trustbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  border-top: 1px solid rgba(225,189,117,.18);
  padding-top: 18px;
}

.modtac-success-trustitem {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 0;
  color: rgba(246, 241, 233, .78);
  text-align: left;
}

.modtac-success-trustitem svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: var(--mt-success-gold-2);
}

.modtac-success-trustitem strong {
  display: block;
  font-family: "Rajdhani", "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #f5efe6;
}

.modtac-success-trustitem span {
  display: block;
  font-size: 12px;
  color: rgba(246, 241, 233, .52);
  white-space: nowrap;
}

@media (max-width: 900px) {
  .modtac-success-inner { width: min(100% - 24px, 760px); padding: 18px 0; }
  .modtac-success-nav { display: none; }
  .modtac-success-brand img { width: 128px; }
  .modtac-success-card { border-radius: 14px; }
  .modtac-success-actions { grid-template-columns: 1fr; }
  .modtac-success-trustbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .modtac-success-screen { align-items: flex-start; overflow-y: auto; }
  .modtac-success-card { padding-top: 30px; padding-bottom: 30px; }
  .modtac-success-icon { width: 88px; height: 88px; }
  .modtac-success-icon::before { width: 132px; height: 132px; }
  .modtac-success-icon::after { width: 112px; height: 112px; }
  .modtac-success-icon svg { width: 42px; height: 42px; }
  .modtac-success-next { align-items: flex-start; padding: 16px; }
  .modtac-success-trustbar { grid-template-columns: 1fr; }
  .modtac-success-trustitem { justify-content: flex-start; }
}


/* MODTAC success screen final production refinement
   - Updated logo and emblem
   - Realistic tactical target motif
   - Normal mouse-wheel scrolling on smaller viewports */
body.modtac-success-open {
  overflow: hidden !important;
}

.modtac-success-screen {
  align-items: flex-start !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 100dvh;
  height: 100dvh;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 50% 24%, rgba(205, 147, 62, 0.15), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(7,10,7,.58) 38%, rgba(7,10,7,.58) 62%, rgba(0,0,0,.78) 100%),
    url('/assets/hero-camp.jpg') center center / cover no-repeat !important;
}

.modtac-success-inner {
  min-height: auto !important;
  width: min(1160px, calc(100vw - 34px)) !important;
  grid-template-rows: auto auto auto !important;
  gap: 18px !important;
  padding: 18px 0 24px !important;
}

.modtac-success-topbar {
  padding-bottom: 13px !important;
}

.modtac-success-brand img {
  width: clamp(190px, 19vw, 270px) !important;
  max-height: 92px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.modtac-success-main {
  align-items: flex-start !important;
  padding: 10px 0 0 !important;
}

.modtac-success-card {
  width: min(820px, 100%) !important;
  padding: clamp(24px, 3vw, 34px) clamp(22px, 4vw, 50px) 26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(205,147,62,.18), transparent 36%),
    linear-gradient(180deg, rgba(19, 25, 15, .90), rgba(7, 10, 6, .88)) !important;
}

.modtac-success-mark {
  width: 162px !important;
  height: 162px !important;
  margin: 0 auto 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate;
}

.modtac-success-mark::before {
  width: 224px !important;
  height: 224px !important;
  z-index: -1 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(225,189,117,.24) !important;
  background:
    linear-gradient(rgba(225,189,117,.45), rgba(225,189,117,.45)) center / 1px 100% no-repeat,
    linear-gradient(90deg, rgba(225,189,117,.45), rgba(225,189,117,.45)) center / 100% 1px no-repeat,
    radial-gradient(circle, transparent 0 39px, rgba(225,189,117,.45) 40px 41px, transparent 42px 63px, rgba(225,189,117,.26) 64px 65px, transparent 66px 87px, rgba(225,189,117,.18) 88px 89px, transparent 90px),
    repeating-conic-gradient(from 0deg, rgba(225,189,117,.34) 0deg 1.5deg, transparent 1.5deg 7deg) !important;
  box-shadow:
    0 0 42px rgba(205,147,62,.15),
    inset 0 0 38px rgba(0,0,0,.44) !important;
  opacity: .95 !important;
}

.modtac-success-mark::after {
  width: 246px !important;
  height: 246px !important;
  z-index: -1 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background:
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 32px left 32px / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 32px left 32px / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 32px right 32px / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 32px right 32px / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 32px left 32px / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 32px left 32px / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 32px right 32px / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 32px right 32px / 1px 34px no-repeat !important;
  box-shadow: none !important;
  opacity: .84 !important;
}

.modtac-success-emblem {
  position: relative;
  z-index: 1;
  width: 132px;
  height: 132px;
  object-fit: contain;
  object-position: center;
  opacity: .98;
  filter:
    drop-shadow(0 10px 20px rgba(0,0,0,.58))
    drop-shadow(0 0 10px rgba(198,132,42,.20));
}

.modtac-success-check-badge {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 3;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff5df;
  border: 1px solid rgba(225,189,117,.86);
  background:
    radial-gradient(circle at 50% 35%, rgba(225,189,117,.55), transparent 44%),
    linear-gradient(135deg, rgba(172,112,40,.92), rgba(42,31,17,.94));
  box-shadow:
    0 9px 22px rgba(0,0,0,.48),
    0 0 0 6px rgba(225,189,117,.08),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.modtac-success-check-badge svg,
.modtac-success-mark .modtac-success-check-badge svg {
  width: 32px !important;
  height: 32px !important;
  z-index: 4 !important;
}

.modtac-success-title {
  font-size: clamp(38px, 6.1vw, 62px) !important;
  line-height: .98 !important;
}

.modtac-success-rule {
  margin: 16px auto 14px !important;
}

.modtac-success-subtitle {
  font-size: clamp(24px, 2.8vw, 34px) !important;
  margin-bottom: 9px !important;
}

.modtac-success-message {
  max-width: 620px !important;
  font-size: clamp(14px, 1.45vw, 16px) !important;
  line-height: 1.56 !important;
}

.modtac-success-actions {
  margin-top: 24px !important;
  gap: 12px !important;
}

.modtac-success-button {
  min-height: 48px !important;
  padding: 10px 13px !important;
}

.modtac-success-next {
  width: min(820px, 100%) !important;
  padding: 15px 20px !important;
  margin-bottom: 12px !important;
}

.modtac-success-trustbar {
  display: none !important;
}

@media (max-height: 760px) and (min-width: 760px) {
  .modtac-success-inner { padding-top: 12px !important; gap: 12px !important; }
  .modtac-success-brand img { width: 210px !important; max-height: 68px !important; }
  .modtac-success-topbar { padding-bottom: 10px !important; }
  .modtac-success-card { padding-top: 20px !important; padding-bottom: 22px !important; }
  .modtac-success-mark { width: 138px !important; height: 138px !important; margin-bottom: 8px !important; }
  .modtac-success-emblem { width: 114px !important; height: 114px !important; }
  .modtac-success-mark::before { width: 196px !important; height: 196px !important; }
  .modtac-success-mark::after { width: 216px !important; height: 216px !important; }
  .modtac-success-check-badge { width: 48px !important; height: 48px !important; bottom: 14px !important; }
  .modtac-success-title { font-size: clamp(34px, 5.5vw, 54px) !important; }
  .modtac-success-subtitle { font-size: clamp(22px, 2.4vw, 29px) !important; }
  .modtac-success-actions { margin-top: 18px !important; }
  .modtac-success-next { padding: 12px 18px !important; }
}

@media (max-width: 900px) {
  .modtac-success-brand img { width: 180px !important; }
  .modtac-success-mark { width: 132px !important; height: 132px !important; }
  .modtac-success-emblem { width: 108px !important; height: 108px !important; }
  .modtac-success-mark::before { width: 184px !important; height: 184px !important; }
  .modtac-success-mark::after { width: 204px !important; height: 204px !important; }
  .modtac-success-check-badge { width: 46px !important; height: 46px !important; bottom: 12px !important; }
}

@media (max-width: 560px) {
  .modtac-success-screen { height: 100dvh; overflow-y: auto !important; }
  .modtac-success-inner { width: calc(100vw - 22px) !important; padding: 14px 0 20px !important; gap: 14px !important; }
  .modtac-success-brand img { width: 150px !important; }
  .modtac-success-card { padding: 22px 15px 22px !important; }
  .modtac-success-actions { grid-template-columns: 1fr !important; }
  .modtac-success-mark { width: 112px !important; height: 112px !important; }
  .modtac-success-emblem { width: 92px !important; height: 92px !important; }
  .modtac-success-mark::before { width: 154px !important; height: 154px !important; }
  .modtac-success-mark::after { width: 170px !important; height: 170px !important; }
}

/* MODTAC success screen cleanup patch
   - Removes the decorative sunburst/radial stripe effect
   - Uses a clean sniper-scope reticle around the emblem
   - Makes the emblem larger and embossed with visible red eyes
   - Makes the check mark transparent but visible
   - Restores normal mouse-wheel scrolling inside the success screen */
body.modtac-success-open {
  overflow: auto !important;
}

.modtac-success-screen {
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.modtac-success-inner {
  min-height: auto !important;
  padding: 16px 0 34px !important;
  gap: 16px !important;
}

.modtac-success-main {
  padding: 8px 0 0 !important;
}

.modtac-success-card {
  width: min(830px, 100%) !important;
  padding: clamp(22px, 2.8vw, 32px) clamp(20px, 4vw, 48px) 24px !important;
  overflow: hidden !important;
}

.modtac-success-mark {
  width: 204px !important;
  height: 204px !important;
  margin: -6px auto 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.modtac-success-mark::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 238px !important;
  height: 238px !important;
  z-index: -1 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(225, 189, 117, .30) !important;
  opacity: .78 !important;
  background:
    linear-gradient(rgba(225,189,117,.45), rgba(225,189,117,.45)) center / 1px 100% no-repeat,
    linear-gradient(90deg, rgba(225,189,117,.45), rgba(225,189,117,.45)) center / 100% 1px no-repeat,
    radial-gradient(circle,
      transparent 0 58px,
      rgba(225,189,117,.52) 59px 60px,
      transparent 61px 94px,
      rgba(225,189,117,.34) 95px 96px,
      transparent 97px) !important;
  box-shadow:
    0 0 36px rgba(196, 136, 55, .15),
    inset 0 0 38px rgba(0,0,0,.55) !important;
}

.modtac-success-mark::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 224px !important;
  height: 224px !important;
  z-index: -1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: .58 !important;
  box-shadow: none !important;
  background:
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 0 left 0 / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 0 left 0 / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 0 right 0 / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) top 0 right 0 / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 0 left 0 / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 0 left 0 / 1px 34px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 0 right 0 / 34px 1px no-repeat,
    linear-gradient(rgba(225,189,117,.72), rgba(225,189,117,.72)) bottom 0 right 0 / 1px 34px no-repeat !important;
}

.modtac-success-emblem {
  position: relative !important;
  z-index: 1 !important;
  width: 188px !important;
  height: 188px !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: .84 !important;
  filter:
    contrast(1.08)
    saturate(1.14)
    drop-shadow(0 14px 20px rgba(0,0,0,.62))
    drop-shadow(0 0 8px rgba(205,147,62,.18)) !important;
}

.modtac-success-check-badge {
  position: absolute !important;
  left: 50% !important;
  top: 58% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 247, 228, .92) !important;
  border: 1px solid rgba(225,189,117,.74) !important;
  background: rgba(18, 16, 9, .18) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.48),
    0 0 0 5px rgba(225,189,117,.055),
    inset 0 0 18px rgba(225,189,117,.16) !important;
}

.modtac-success-check-badge svg,
.modtac-success-mark .modtac-success-check-badge svg {
  width: 31px !important;
  height: 31px !important;
  opacity: .92 !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.55)) !important;
}

.modtac-success-title {
  margin-top: 2px !important;
  font-size: clamp(38px, 5.9vw, 60px) !important;
}

.modtac-success-rule {
  margin: 14px auto 13px !important;
}

.modtac-success-actions {
  margin-top: 22px !important;
}

.modtac-success-next {
  margin-bottom: 28px !important;
}

@media (max-height: 760px) and (min-width: 760px) {
  .modtac-success-inner { padding-top: 10px !important; gap: 10px !important; }
  .modtac-success-brand img { width: 210px !important; max-height: 70px !important; }
  .modtac-success-card { padding-top: 18px !important; padding-bottom: 20px !important; }
  .modtac-success-mark { width: 168px !important; height: 168px !important; margin-bottom: 6px !important; }
  .modtac-success-emblem { width: 154px !important; height: 154px !important; }
  .modtac-success-mark::before { width: 204px !important; height: 204px !important; }
  .modtac-success-mark::after { width: 192px !important; height: 192px !important; }
  .modtac-success-check-badge { width: 46px !important; height: 46px !important; }
  .modtac-success-title { font-size: clamp(34px, 5.2vw, 52px) !important; }
  .modtac-success-subtitle { font-size: clamp(22px, 2.3vw, 28px) !important; }
  .modtac-success-message { line-height: 1.45 !important; }
  .modtac-success-actions { margin-top: 16px !important; }
  .modtac-success-next { padding: 12px 18px !important; margin-bottom: 24px !important; }
}

@media (max-width: 900px) {
  .modtac-success-mark { width: 156px !important; height: 156px !important; }
  .modtac-success-emblem { width: 142px !important; height: 142px !important; }
  .modtac-success-mark::before { width: 192px !important; height: 192px !important; }
  .modtac-success-mark::after { width: 178px !important; height: 178px !important; }
  .modtac-success-check-badge { width: 44px !important; height: 44px !important; }
}

@media (max-width: 560px) {
  .modtac-success-screen { overflow-y: auto !important; }
  .modtac-success-card { padding: 20px 14px 22px !important; }
  .modtac-success-mark { width: 126px !important; height: 126px !important; }
  .modtac-success-emblem { width: 116px !important; height: 116px !important; }
  .modtac-success-mark::before { width: 158px !important; height: 158px !important; }
  .modtac-success-mark::after { width: 146px !important; height: 146px !important; }
  .modtac-success-check-badge { width: 40px !important; height: 40px !important; }
}