/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .block {
    display: block;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
:root {
  --ink: #071d56;
  --green: #0b4fc6;
  --mint: #dff3ff;
  --lime: #d9f2ff;
  --paper: #fbfcff;
  --line: #dbe5f2;
  --coral: #ff5145;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}
button,input {
  font: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
.shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}
.nav {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.brand {
  display: flex;
  align-items: center;
  width: 132px;
  height: 62px;
}
.brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nav-links {
  display: flex;
  gap: 38px;
  font-size: 14px;
  font-weight: 700;
}
.nav-links a:hover {
  opacity: .55;
}
.language {
  display: flex;
  gap: 3px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 99px;
}
.language button {
  border: 0;
  background: transparent;
  min-width: 34px;
  height: 29px;
  border-radius: 99px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.language .active {
  background: var(--ink);
  color: white;
}
.hero {
  min-height: 600px;
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  align-items: center;
  gap: 40px;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.eyebrow span {
  width: 8px;
  height: 8px;
  background: var(--coral);
  border-radius: 50%;
}
h1 {
  margin: 22px 0;
  font: 700 clamp(54px, 6vw, 88px)/.94 Georgia, serif;
  letter-spacing: -4.5px;
}
h1 em {
  display: block;
  color: var(--green);
  font-weight: 400;
}
.hero-copy>p {
  max-width: 590px;
  font-size: 18px;
  line-height: 1.7;
  color: #52665f;
}
.search-box {
  margin-top: 34px;
  display: flex;
  align-items: center;
  width: min(100%,620px);
  padding: 8px 8px 8px 19px;
  border: 1px solid #c9cbbc;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(24,55,47,.08);
}
.search-box>span {
  font-size: 29px;
  transform: rotate(-15deg);
  color: #7c8c86;
}
.search-box input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 12px;
  color: var(--ink);
}
.search-box a {
  padding: 15px 20px;
  border-radius: 10px;
  background: var(--green);
  color: white;
  font-size: 13px;
  font-weight: 800;
}
.search-box b {
  margin-left: 12px;
}
.trust-row {
  display: flex;
  gap: 24px;
  margin-top: 18px;
  color: #667971;
  font-size: 11px;
  font-weight: 700;
}
.hero-art {
  position: relative;
  min-height: 500px;
  isolation: isolate;
}
.hero-art::before {
  content: "";
  position: absolute;
  inset: 44px 10px 22px 30px;
  border-radius: 48% 52% 44% 56% / 60% 39% 61% 40%;
  background: linear-gradient(145deg,#e7f7ff,#fff1ef);
  z-index: -2;
}
.hero-orbit {
  position: absolute;
  border: 1px solid #a9cce8;
  border-radius: 50%;
}
.orbit-one {
  width: 390px;
  height: 390px;
  right: 20px;
  top: 48px;
  transform: rotate(18deg);
}
.orbit-two {
  width: 310px;
  height: 455px;
  right: 73px;
  top: 28px;
  transform: rotate(-38deg);
}
.hero-logo-card {
  position: absolute;
  left: 70px;
  top: 105px;
  width: 310px;
  height: 295px;
  border-radius: 34px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 30px 80px rgba(7,29,86,.16);
  backdrop-filter: blur(14px);
  display: grid;
  place-items: center;
  padding: 38px;
  transform: rotate(-3deg);
}
.hero-logo-card img {
  width: 100%;
  height: 205px;
  object-fit: contain;
}
.hero-logo-card span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2.5px;
  color: #62748f;
}
.hero-note {
  position: absolute;
  right: 10px;
  top: 76px;
  background: #071d56;
  color: white;
  border-radius: 18px;
  padding: 16px 18px;
  display: grid;
  box-shadow: 0 16px 35px #071d5630;
  transform: rotate(7deg);
}
.hero-note b {
  font: 700 31px/1 Georgia,serif;
}
.hero-note span {
  font-size: 9px;
  margin-top: 4px;
  letter-spacing: 1px;
}
.hero-bubble {
  position: absolute;
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  font-weight: 900;
  box-shadow: 0 14px 30px #173a7028;
}
.bubble-red {
  left: 48px;
  bottom: 57px;
  background: #ff5145;
}
.bubble-blue {
  right: 56px;
  bottom: 42px;
  background: #079cec;
}
.card {
  position: absolute;
  width: 235px;
  height: 335px;
  border-radius: 23px;
  padding: 27px;
  box-shadow: 0 24px 60px rgba(29,60,49,.2);
}
.card-back {
  right: 45px;
  top: 90px;
  background: var(--green);
  color: #dcedd5;
  transform: rotate(13deg);
}
.card-back span {
  font-size: 11px;
  letter-spacing: 3px;
}
.card-back strong {
  display: block;
  margin-top: 145px;
  font: 700 34px/.9 Georgia,serif;
}
.card-front {
  left: 55px;
  top: 115px;
  background: #fff9eb;
  transform: rotate(-9deg);
}
.card-front small {
  display: block;
  margin-top: 50px;
  font-size: 8px;
  letter-spacing: 2px;
}
.card-front strong {
  display: block;
  margin-top: 7px;
  font: 700 75px/.9 Georgia,serif;
  color: var(--green);
}
.card-front>span {
  font-size: 9px;
  letter-spacing: 2px;
}
.card-front i {
  position: absolute;
  bottom: 25px;
  left: 27px;
  font-size: 11px;
  font-weight: 900;
}
.spark {
  position: absolute;
  color: var(--coral);
  font-size: 38px;
}
.spark-one {
  top: 52px;
  left: 50px;
}
.spark-two {
  right: 15px;
  bottom: 40px;
  font-size: 24px;
}
.offers {
  padding: 80px 0 100px;
  border-top: 1px solid var(--line);
}
.section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 28px;
}
.section-title>div>span {
  color: #74837d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.section-title h2 {
  margin: 7px 0 0;
  font: 700 42px/1 Georgia,serif;
}
.section-title>a {
  font-size: 13px;
  font-weight: 800;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 5px;
}
.category-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
.category-tabs button {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #c9cbbc;
  border-radius: 99px;
  background: transparent;
  color: var(--ink);
  padding: 9px 14px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.category-tabs button span {
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 99px;
  background: #e9e8df;
  font-size: 9px;
}
.category-tabs button.active {
  background: var(--green);
  border-color: var(--green);
  color: white;
}
.category-tabs button.active span {
  background: #ffffff22;
}
.offer-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.offer {
  overflow: hidden;
  background: white;
  border: 1px solid var(--line);
  border-radius: 20px;
  transition: .2s transform,.2s box-shadow;
}
.offer:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(24,55,47,.09);
}
.offer-visual {
  height: 195px;
  padding: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.offer-visual.mint {
  background: #cce8d9;
}
.offer-visual.cream {
  background: #eee3bd;
}
.offer-visual.coral {
  background: #ffb19d;
}
.offer-mark {
  position: absolute;
  top: 22px;
  left: 24px;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(24,55,47,.3);
  border-radius: 50%;
  font: 700 20px Georgia,serif;
}
.offer-visual strong {
  font: 700 34px/1 Georgia,serif;
}
.offer-visual small {
  margin-top: 7px;
  font-size: 8px;
  letter-spacing: 2px;
  font-weight: 900;
}
.offer-body {
  padding: 24px;
}
.offer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offer-heading h3 {
  margin: 0;
  font-size: 17px;
}
.offer-heading span {
  font-size: 9px;
  font-weight: 900;
  background: #e4f0df;
  padding: 5px 8px;
  border-radius: 99px;
  color: #3a6b4d;
}
.offer-body p {
  min-height: 55px;
  color: #697a74;
  font-size: 13px;
  line-height: 1.55;
}
.offer-body label {
  display: block;
  margin: 20px 0 7px;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
.code-row {
  display: flex;
  background: #f3f2eb;
  border: 1px dashed #bdc2b8;
  border-radius: 9px;
  padding: 5px 5px 5px 13px;
  align-items: center;
}
.code-row code {
  flex: 1;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
}
.code-row button {
  border: 0;
  background: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.offer-body>a {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid #e7e6de;
  font-size: 12px;
  font-weight: 900;
}
.about {
  margin-bottom: 70px;
  padding: 80px;
  border-radius: 24px;
  background: var(--green);
  color: #edf4e4;
  text-align: center;
}
.about p {
  font-size: 10px;
  letter-spacing: 2px;
}
.about h2 {
  max-width: 720px;
  margin: 20px auto 0;
  font: 400 46px/1.1 Georgia,serif;
}
.empty-offers {
  grid-column: 1/-1;
  padding: 60px;
  text-align: center;
  border: 1px dashed #b9c1b7;
  border-radius: 20px;
}
.empty-offers>span {
  display: grid;
  place-items: center;
  margin: auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--green);
  color: white;
  font: italic 24px Georgia;
}
.empty-offers h3 {
  font: 32px Georgia;
  margin: 18px 0 8px;
}
.empty-offers p {
  color: #6d7c76;
  font-size: 13px;
}
.admin-login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: var(--green);
  padding: 24px;
}
.admin-card {
  width: min(430px,100%);
  padding: 46px;
  background: var(--paper);
  border-radius: 22px;
  box-shadow: 0 30px 80px #0a251d55;
}
.admin-kicker {
  margin: 45px 0 8px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.admin-card h1 {
  font: 44px Georgia;
  margin: 0 0 32px;
  letter-spacing: -2px;
}
.admin-card label,.offer-form label {
  display: grid;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
}
.admin-card input,.offer-form input,.offer-form textarea,.offer-form select {
  width: 100%;
  border: 1px solid #c9cbbc;
  border-radius: 9px;
  background: white;
  padding: 12px;
  color: var(--ink);
  outline: none;
}
.admin-primary {
  border: 0;
  border-radius: 9px;
  background: var(--green);
  color: white;
  padding: 14px 20px;
  font-weight: 800;
  cursor: pointer;
}
.admin-card .admin-primary {
  width: 100%;
  margin-top: 14px;
}
.admin-error {
  color: #ad3d28;
  font-size: 12px;
}
.admin-shell {
  min-height: 100vh;
  background: #f0eee5;
  padding-bottom: 80px;
}
.admin-header {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 max(30px,calc((100% - 1240px)/2));
  background: white;
  border-bottom: 1px solid var(--line);
}
.admin-header>div {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 12px;
  font-weight: 800;
}
.admin-header button,.form-title button,.admin-list article button {
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 800;
  cursor: pointer;
}
.admin-intro {
  max-width: 1240px;
  margin: 55px auto 25px;
  padding: 0 30px;
}
.admin-intro p {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
}
.admin-intro h1 {
  font: 48px Georgia;
  margin: 6px 0;
}
.admin-intro span {
  color: #64736e;
  font-size: 13px;
}
.admin-layout {
  max-width: 1240px;
  margin: auto;
  padding: 0 30px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  align-items: start;
}
.offer-form,.admin-list {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 27px;
}
.form-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.form-title h2 {
  font: 25px Georgia;
  margin: 0;
}
.form-title span {
  font-size: 11px;
  color: #6c7a75;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.offer-form>label {
  margin-top: 16px;
}
.form-options {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 20px 0;
}
.form-options label {
  display: flex;
  align-items: center;
  gap: 7px;
}
.form-options input {
  width: auto;
}
.form-options select {
  margin-left: auto;
  width: auto;
}
.admin-message {
  display: inline;
  margin-left: 15px;
  color: #337157;
  font-size: 12px;
}
.admin-list article {
  display: grid;
  grid-template-columns: 43px 1fr auto auto auto;
  gap: 11px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #ebeae3;
}
.list-mark {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font: 20px Georgia;
}
.list-mark.mint {
  background: #cce8d9;
}
.list-mark.cream {
  background: #eee3bd;
}
.list-mark.coral {
  background: #ffb19d;
}
.admin-list h3 {
  margin: 0 0 4px;
  font-size: 13px;
}
.admin-list p {
  margin: 0;
  color: #77847f;
  font-size: 10px;
}
.status {
  font-size: 9px;
  font-weight: 900;
  background: #eee;
  padding: 5px 7px;
  border-radius: 99px;
}
.status.live {
  background: #e1f0df;
  color: #39704e;
}
.admin-list .danger {
  color: #bc5139;
}
.admin-empty {
  text-align: center;
  padding: 55px;
  color: #7a8782;
  font-size: 12px;
}
.category-manager {
  max-width: 1180px;
  margin: 0 auto 20px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 27px;
}
.category-manager .form-title button,.category-list button {
  border: 0;
  background: transparent;
  font-weight: 800;
  cursor: pointer;
}
.category-fields {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 90px auto auto;
  gap: 12px;
  align-items: end;
}
.category-fields>label:not(.category-toggle) {
  display: grid;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
}
.category-fields input {
  width: 100%;
  border: 1px solid #c9cbbc;
  border-radius: 9px;
  background: white;
  padding: 12px;
  color: var(--ink);
}
.category-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 42px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.category-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
  margin-top: 24px;
}
.category-list article {
  display: grid;
  grid-template-columns: 1fr auto auto auto auto;
  gap: 10px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid #ebeae3;
}
.category-list article>div {
  display: grid;
  gap: 3px;
}
.category-list strong {
  font-size: 13px;
}
.category-list article>div span,.category-list small {
  font-size: 9px;
  color: #78857f;
}
.category-list .danger {
  color: #bc5139;
}
@media (max-width:900px) {
  .admin-layout {
    grid-template-columns: 1fr;
  }
  .admin-list {
    order: -1;
  }
  .category-manager {
    margin-inline: 30px;
  }
  .category-fields {
    grid-template-columns: 1fr 1fr;
  }
  .category-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .admin-layout,.admin-intro {
    padding-inline: 14px;
  }
  .form-grid,.category-fields {
    grid-template-columns: 1fr;
  }
  .admin-list article {
    grid-template-columns: 40px 1fr auto;
  }
  .admin-list article .status {
    display: none;
  }
  .admin-header {
    padding-inline: 14px;
  }
  .admin-header a[target] {
    display: none;
  }
  .category-manager {
    margin-inline: 14px;
  }
  .category-list article {
    grid-template-columns: 1fr auto auto;
  }
  .category-list article .status,.category-list article small {
    display: none;
  }
}
@media (max-width:850px) {
  .nav-links {
    display: none;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 80px;
  }
  .hero-art {
    min-height: 430px;
  }
  .offer-grid {
    grid-template-columns: 1fr;
  }
  .offer {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
  }
  .offer-visual {
    height: auto;
    min-height: 250px;
  }
  .trust-row {
    flex-wrap: wrap;
  }
  .about {
    padding: 55px 25px;
  }
}
@media (max-width:560px) {
  .shell {
    width: min(100% - 28px,1180px);
  }
  .nav {
    height: 72px;
  }
  h1 {
    font-size: 52px;
    letter-spacing: -3px;
  }
  .hero {
    padding-top: 55px;
  }
  .search-box {
    display: grid;
    grid-template-columns: 30px 1fr;
  }
  .search-box a {
    grid-column: 1/-1;
    text-align: center;
    margin-top: 5px;
  }
  .hero-art {
    min-height: 370px;
  }
  .sun {
    width: 290px;
    height: 290px;
    right: 5px;
  }
  .card {
    width: 185px;
    height: 275px;
  }
  .card-front {
    left: 20px;
  }
  .card-back {
    right: 15px;
  }
  .card-front strong {
    font-size: 56px;
  }
  .offer {
    display: block;
  }
  .offer-visual {
    min-height: 180px;
  }
  .about h2 {
    font-size: 34px;
  }
}
body {
  background: radial-gradient(circle at 12% 2%,#fff0ee 0,transparent 24%),radial-gradient(circle at 92% 10%,#e8f8ff 0,transparent 28%),var(--paper);
  color: var(--ink);
}
.nav {
  height: 92px;
  border-color: #dce6f2;
}
.brand {
  width: 118px;
  height: 70px;
}
.brand img {
  object-fit: contain;
}
.nav-links {
  color: #30466e;
}
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -9px;
  height: 2px;
  background: var(--coral);
  transition: .2s;
}
.nav-links a:hover {
  opacity: 1;
}
.nav-links a:hover::after {
  right: 0;
}
.language {
  background: #fff;
  border-color: #cedbec;
  box-shadow: 0 8px 24px #16366c0c;
}
.language .active {
  background: var(--ink);
}
.hero {
  min-height: 650px;
}
.eyebrow {
  color: #31507f;
}
.eyebrow span {
  box-shadow: 0 0 0 6px #ff51451a;
}
h1 {
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-weight: 850;
  letter-spacing: -6px;
  line-height: .96;
}
h1 em {
  color: var(--coral);
  font-style: normal;
  font-weight: 850;
}
.hero-copy>p {
  color: #536888;
  max-width: 570px;
}
.search-box {
  border-color: #cfdaea;
  border-radius: 16px;
  box-shadow: 0 18px 55px #08225312;
}
.search-box a {
  background: linear-gradient(135deg,#0b4fc6,#079cec);
}
.trust-row {
  color: #61738e;
}
.trust-row span:first-child {
  color: #ff5145;
}
.hero-art::before {
  box-shadow: inset 0 0 0 1px #fff;
}
.hero-logo-card {
  border: 1px solid #fff;
}
.hero-logo-card img {
  object-fit: contain;
}
.hero-note {
  background: var(--ink);
}
.offers {
  border-top: 1px solid #dce6f2;
  padding-top: 96px;
}
.section-title {
  align-items: flex-end;
}
.section-title h2 {
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-weight: 820;
  letter-spacing: -2px;
}
.section-title>p {
  margin: 0;
  color: #71829d;
  font-size: 13px;
}
.category-tabs {
  margin-bottom: 30px;
}
.category-tabs button {
  background: #fff;
  border-color: #d4dfed;
  color: #30466e;
  box-shadow: 0 5px 16px #102b5c08;
}
.category-tabs button.active {
  background: var(--ink);
  border-color: var(--ink);
}
.offer-grid {
  gap: 22px;
}
.offer {
  border-color: #dce5f1;
  border-radius: 24px;
  box-shadow: 0 12px 38px #132f6509;
}
.offer:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 55px #132f6517;
}
.offer-visual {
  height: 210px;
  padding: 26px;
  overflow: hidden;
  justify-content: flex-end;
}
.offer-visual::before {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  right: -65px;
  top: -82px;
  background: #ffffff72;
}
.offer-visual::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  right: 38px;
  top: 22px;
  border: 1px solid #ffffffb8;
}
.offer-visual.mint {
  background: linear-gradient(145deg,#dff5ff,#bde7ff);
}
.offer-visual.cream {
  background: linear-gradient(145deg,#fff1df,#ffddc7);
}
.offer-visual.coral {
  background: linear-gradient(145deg,#ffdcd7,#ffada4);
}
.offer-mark {
  top: 25px;
  left: 25px;
  width: 46px;
  height: 46px;
  background: #fff;
  border: 0;
  color: var(--ink);
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-weight: 900;
  box-shadow: 0 10px 24px #0b28501a;
}
.offer-visual small {
  order: 1;
  margin: 0 0 8px;
  font-size: 9px;
  letter-spacing: 1.4px;
  font-weight: 850;
  text-transform: uppercase;
  color: #47617b;
}
.offer-visual strong {
  order: 2;
  position: relative;
  z-index: 1;
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-size: 27px;
  line-height: 1.08;
  letter-spacing: -1px;
  max-width: 92%;
}
.visual-arrow {
  position: absolute;
  right: 23px;
  bottom: 24px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
}
.offer-body {
  padding: 25px;
}
.offer-heading {
  gap: 12px;
}
.offer-heading h3 {
  font-size: 16px;
  line-height: 1.35;
}
.offer-heading>span {
  flex: none;
  background: #e4f3ff;
  color: #1767a0;
}
.offer-body p {
  min-height: 80px;
  color: #697a94;
}
.offer-body label {
  color: #5f7190;
}
.code-row {
  background: #f6f8fc;
  border-color: #c9d6e8;
}
.code-row button {
  color: #0755b8;
  box-shadow: 0 3px 10px #102d620d;
}
.offer-body>a {
  color: #0b4fc6;
}
.offer-skeleton {
  height: 515px;
  background: linear-gradient(100deg,#f4f7fb 20%,#fff 35%,#f4f7fb 50%);
  background-size: 200% 100%;
  animation: shimmer 1.2s linear infinite;
}
@keyframes shimmer {
  to {
    background-position: -200% 0;
  }
}
.how {
  padding: 15px 0 110px;
}
.how-intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 34px;
}
.how-intro>span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
  color: var(--coral);
}
.how-intro h2 {
  max-width: 560px;
  margin: 0;
  font: 800 42px/1.05 var(--font-geist-sans),Arial,sans-serif;
  letter-spacing: -2px;
}
.how-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.how-grid article {
  position: relative;
  min-height: 260px;
  padding: 28px;
  border: 1px solid #dce5f1;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 40px #122c6208;
}
.how-grid article:nth-child(2) {
  background: #071d56;
  color: #fff;
}
.how-grid article:nth-child(3) {
  background: #fff1ef;
}
.how-grid b {
  color: #8291a9;
  font-size: 10px;
  letter-spacing: 2px;
}
.how-grid article>span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 40px 0 24px;
  border-radius: 18px;
  background: #e6f6ff;
  color: #0b4fc6;
  font-size: 23px;
  font-weight: 900;
}
.how-grid article:nth-child(2)>span {
  background: #ffffff1d;
  color: #fff;
}
.how-grid article:nth-child(3)>span {
  background: #fff;
  color: var(--coral);
}
.how-grid h3 {
  margin: 0 0 8px;
  font-size: 18px;
}
.how-grid p {
  margin: 0;
  color: #71809a;
  font-size: 13px;
  line-height: 1.6;
}
.how-grid article:nth-child(2) p {
  color: #c7d4ec;
}
.about {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 70px 90px;
  background: linear-gradient(125deg,#071d56,#0b4fc6);
  text-align: left;
  overflow: hidden;
}
.about>div {
  max-width: 700px;
}
.about p {
  color: #9fc5ff;
}
.about h2 {
  margin: 18px 0 0;
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-weight: 780;
  letter-spacing: -2px;
}
.about img {
  width: 160px;
  height: 160px;
  object-fit: contain;
  background: #fff;
  border-radius: 28px;
  padding: 16px;
  transform: rotate(5deg);
  box-shadow: 0 25px 50px #00103b55;
}
.footer {
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dce5f1;
  color: #71809a;
  font-size: 12px;
}
.footer .brand {
  width: 92px;
}
.footer>a:last-child {
  padding: 8px 14px;
  border: 1px solid #d4dfed;
  border-radius: 99px;
  color: #38517a;
}
.empty-offers>span {
  width: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg,#ff5145,#079cec);
  font-family: var(--font-geist-sans);
  font-style: normal;
  font-size: 16px;
}
@media (max-width:900px) {
  .hero {
    padding-top: 45px;
  }
  .hero-art {
    min-height: 475px;
  }
  .section-title>p {
    display: none;
  }
  .how-intro {
    display: block;
  }
  .how-intro h2 {
    margin-top: 16px;
  }
  .how-grid {
    grid-template-columns: 1fr;
  }
  .how-grid article {
    min-height: 220px;
  }
  .how-grid article>span {
    margin: 28px 0 18px;
  }
  .about {
    padding: 55px;
  }
  .about img {
    width: 130px;
    height: 130px;
  }
  .offer-body p {
    min-height: 0;
  }
}
@media (max-width:560px) {
  .brand {
    width: 94px;
    height: 58px;
  }
  .hero {
    padding-top: 38px;
    min-height: 0;
  }
  h1 {
    font-size: 50px;
    letter-spacing: -4px;
  }
  .hero-art {
    min-height: 380px;
  }
  .hero-art::before {
    inset: 28px 0 18px;
  }
  .hero-logo-card {
    left: 16px;
    top: 70px;
    width: 235px;
    height: 230px;
    padding: 28px;
  }
  .hero-logo-card img {
    height: 155px;
  }
  .hero-note {
    right: 5px;
    top: 50px;
  }
  .orbit-one {
    width: 285px;
    height: 285px;
    right: 0;
    top: 45px;
  }
  .orbit-two {
    width: 245px;
    height: 330px;
    right: 28px;
  }
  .bubble-red {
    left: 8px;
    bottom: 30px;
  }
  .bubble-blue {
    right: 22px;
    bottom: 18px;
  }
  .offers {
    padding-top: 70px;
  }
  .section-title h2 {
    font-size: 36px;
  }
  .offer-visual {
    min-height: 205px;
  }
  .how {
    padding-bottom: 80px;
  }
  .how-intro h2 {
    font-size: 34px;
  }
  .about {
    padding: 42px 28px;
    display: block;
  }
  .about h2 {
    font-size: 34px;
  }
  .about img {
    margin-top: 32px;
  }
  .footer {
    flex-wrap: wrap;
    gap: 12px;
    padding: 25px 0;
  }
  .footer p {
    order: 3;
    width: 100%;
    margin: 0;
  }
}
.footer-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.footer-links a {
  padding: 8px 14px;
  border: 1px solid #d4dfed;
  border-radius: 99px;
  color: #38517a;
}
.legal-header {
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dce6f2;
}
.legal-header nav {
  display: flex;
  gap: 24px;
  color: #30466e;
  font-size: 13px;
  font-weight: 750;
}
.legal-page {
  max-width: 900px;
  padding-top: 80px;
  padding-bottom: 100px;
}
.legal-kicker {
  margin: 0;
  color: var(--coral);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.2px;
}
.legal-page h1 {
  margin: 18px 0 24px;
  font: 850 clamp(48px,7vw,76px)/1 var(--font-geist-sans),Arial,sans-serif;
  letter-spacing: -4px;
}
.legal-lead {
  max-width: 760px;
  color: #536888;
  font-size: 19px;
  line-height: 1.8;
}
.legal-page section {
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid #dce5f1;
}
.legal-page h2 {
  margin: 0 0 16px;
  font-size: 25px;
  letter-spacing: -.8px;
}
.legal-page section p {
  color: #5d6f8c;
  font-size: 15px;
  line-height: 1.9;
}
.legal-page section a {
  color: #0b4fc6;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width:560px) {
  .legal-header {
    height: auto;
    min-height: 82px;
    gap: 14px;
  }
  .legal-header nav {
    gap: 10px;
    font-size: 10px;
  }
  .legal-page {
    padding-top: 55px;
  }
  .legal-page h1 {
    font-size: 48px;
    letter-spacing: -3px;
  }
  .legal-lead {
    font-size: 17px;
  }
  .legal-page section {
    margin-top: 36px;
    padding-top: 28px;
  }
}
.ad-break {
  min-height: 120px;
  margin-top: 22px;
  margin-bottom: 22px;
  padding: 18px;
  border: 1px solid #dce5f1;
  border-radius: 18px;
  background: #fff;
  text-align: center;
  overflow: hidden;
}
.ad-break>span {
  display: block;
  margin-bottom: 10px;
  color: #8794a9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.ad-manager {
  max-width: 1180px;
  margin: 0 auto 20px;
  padding: 27px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
}
.ad-manager .form-title>div {
  display: grid;
  gap: 5px;
}
.ad-manager .form-title span {
  font-size: 11px;
  color: #6c7a75;
}
.ad-manager label {
  display: grid;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
}
.ad-manager input,.ad-manager textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #c9cbbc;
  border-radius: 9px;
  background: white;
  color: var(--ink);
  outline: none;
}
.ad-manager textarea {
  font-family: var(--font-geist-mono),monospace;
  font-size: 11px;
  resize: vertical;
}
.ad-fields {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-top: 16px;
}
.admin-hint {
  max-width: 850px;
  color: #667971;
  font-size: 11px;
  line-height: 1.7;
}
@media (max-width:900px) {
  .ad-manager {
    margin-inline: 30px;
  }
  .ad-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .ad-manager {
    margin-inline: 14px;
  }
  .ad-break {
    min-height: 90px;
  }
}
.latest {
  padding: 20px 0 110px;
}
.latest .section-title>a {
  font-size: 12px;
  font-weight: 850;
  color: #0b4fc6;
}
.latest-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.latest-grid article,.latest-empty {
  min-height: 265px;
  padding: 28px;
  border: 1px solid #dce5f1;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 38px #132f6509;
}
.latest-grid article>span {
  display: inline-block;
  padding: 6px 9px;
  border-radius: 99px;
  background: #e7f5ff;
  color: #08659c;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1px;
}
.latest-grid time {
  float: right;
  color: #8794a9;
  font-size: 10px;
}
.latest-grid h3 {
  margin: 32px 0 12px;
  font-size: 21px;
  line-height: 1.35;
}
.latest-grid p {
  min-height: 62px;
  color: #6a7b96;
  font-size: 13px;
  line-height: 1.65;
}
.latest-grid article>a {
  color: #0b4fc6;
  font-size: 12px;
  font-weight: 850;
}
.latest-empty {
  grid-column: 1/-1;
  text-align: center;
}
.latest-empty b {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin: auto;
  border-radius: 17px;
  background: linear-gradient(135deg,#ff5145,#079cec);
  color: #fff;
}
.latest-empty h3 {
  margin: 18px 0 8px;
}
.latest-empty p {
  min-height: 0;
  margin: 0;
}
.content-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 55px;
}
.content-hero p,.guide-page header>p,.faq-page header>p,.archive-page header>p {
  margin: 0;
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.content-hero h1,.guide-page header h1,.faq-page header h1,.archive-page header h1 {
  margin: 15px 0 16px;
  font: 850 clamp(48px,7vw,76px)/.96 var(--font-geist-sans),Arial,sans-serif;
  letter-spacing: -4px;
}
.content-hero>div>span,.guide-page header>span,.faq-page header>span,.archive-page header>span {
  display: block;
  max-width: 680px;
  color: #5e7190;
  font-size: 17px;
  line-height: 1.7;
}
.content-language {
  flex: none;
}
.content-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.content-filters button {
  border: 1px solid #d4dfed;
  border-radius: 99px;
  background: #fff;
  padding: 9px 14px;
  color: #30466e;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.content-filters button.active {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.content-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 22px;
  padding-bottom: 90px;
}
.content-card {
  overflow: hidden;
  border: 1px solid #dce5f1;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 45px #132f6509;
}
.content-card-top {
  height: 115px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: linear-gradient(135deg,#dff5ff,#bde7ff);
}
.content-card-top.activity {
  background: linear-gradient(135deg,#fff0e7,#ffbab1);
}
.content-card-top span,.content-card-top b {
  padding: 6px 9px;
  border-radius: 99px;
  background: #fff;
  color: #214267;
  font-size: 9px;
  letter-spacing: 1px;
}
.content-card-body {
  padding: 28px;
}
.content-meta {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  color: #8592a7;
  font-size: 10px;
}
.content-card h2 {
  margin: 18px 0 10px;
  font-size: 25px;
  line-height: 1.3;
}
.content-card p {
  min-height: 68px;
  color: #647692;
  font-size: 14px;
  line-height: 1.75;
}
.content-card-body>div:last-child {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-top: 18px;
  border-top: 1px solid #e5eaf1;
}
.content-card-body>div:last-child a {
  color: #0b4fc6;
  font-size: 11px;
  font-weight: 850;
}
.content-empty {
  grid-column: 1/-1;
  padding: 70px;
  text-align: center;
  border: 1px dashed #bec9d8;
  border-radius: 24px;
}
.content-empty>span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: auto;
  border-radius: 18px;
  background: linear-gradient(135deg,#ff5145,#079cec);
  color: #fff;
  font-weight: 900;
}
.content-empty h2 {
  margin: 18px 0 8px;
}
.content-empty p {
  margin: 0;
  color: #70809a;
}
.article-page {
  max-width: 920px;
  padding-top: 55px;
  padding-bottom: 90px;
}
.article-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
  color: #486184;
  font-size: 12px;
  font-weight: 800;
}
.article-tools nav {
  display: flex;
  gap: 6px;
}
.article-tools nav a {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 32px;
  border: 1px solid #d5dfec;
  border-radius: 8px;
}
.article-tools nav a.active {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.article-page header>p {
  margin: 0;
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.article-page header time {
  display: block;
  margin: 18px 0;
  color: #8390a4;
  font-size: 11px;
}
.article-page h1 {
  margin: 0;
  font: 850 clamp(42px,6vw,68px)/1.05 var(--font-geist-sans),Arial,sans-serif;
  letter-spacing: -3px;
}
.article-page header>span {
  display: block;
  margin-top: 24px;
  color: #58708f;
  font-size: 20px;
  line-height: 1.7;
}
.article-body {
  margin: 55px 0;
  padding-top: 30px;
  border-top: 1px solid #dce5f1;
}
.article-body p {
  color: #405674;
  font-size: 17px;
  line-height: 2;
  white-space: pre-wrap;
}
.source-button,.offer-primary {
  display: inline-flex;
  padding: 14px 19px;
  border-radius: 10px;
  background: #0b4fc6;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}
.share-panel {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 45px;
  padding: 20px;
  border: 1px solid #dce5f1;
  border-radius: 18px;
  background: #fff;
}
.share-panel>span {
  margin-right: 8px;
  color: #6d7f99;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
}
.share-panel a,.share-panel button {
  min-width: 38px;
  height: 36px;
  padding: 0 11px;
  border: 1px solid #d5dfec;
  border-radius: 9px;
  background: #fff;
  color: #244569;
  font-size: 11px;
  font-weight: 850;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.offer-detail {
  padding-top: 55px;
  padding-bottom: 90px;
}
.offer-detail-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 50px;
}
.offer-detail-visual {
  min-height: 550px;
  padding: 42px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.offer-detail-visual::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border: 1px solid #ffffffb8;
  border-radius: 50%;
  right: -100px;
  top: -90px;
}
.offer-detail-visual.mint {
  background: linear-gradient(145deg,#dff5ff,#9ddcff);
}
.offer-detail-visual.cream {
  background: linear-gradient(145deg,#fff1df,#ffd4ae);
}
.offer-detail-visual.coral {
  background: linear-gradient(145deg,#ffdcd7,#ff968b);
}
.offer-detail-visual>span {
  position: absolute;
  top: 38px;
  left: 38px;
  display: grid;
  place-items: center;
  width: 65px;
  height: 65px;
  border-radius: 20px;
  background: #fff;
  font-size: 25px;
  font-weight: 900;
}
.offer-detail-visual small {
  color: #49647e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.offer-detail-visual strong {
  margin: 12px 0 20px;
  font-size: 48px;
  line-height: 1;
}
.offer-detail-visual b {
  font-size: 23px;
}
.offer-detail-copy>p:first-child {
  margin: 0;
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
}
.offer-detail-copy h1 {
  margin: 16px 0 25px;
  font: 850 clamp(38px,5vw,60px)/1.05 var(--font-geist-sans),Arial,sans-serif;
  letter-spacing: -3px;
}
.detail-description {
  color: #526a89;
  font-size: 17px;
  line-height: 1.85;
}
.offer-detail-copy dl {
  margin: 35px 0;
  border-top: 1px solid #dce5f1;
}
.offer-detail-copy dl>div {
  display: grid;
  grid-template-columns: 120px 1fr;
  padding: 17px 0;
  border-bottom: 1px solid #dce5f1;
}
.offer-detail-copy dt {
  color: #7586a0;
  font-size: 11px;
  font-weight: 800;
}
.offer-detail-copy dd {
  margin: 0;
  font-weight: 800;
}
.offer-detail-copy code {
  font-size: 16px;
  letter-spacing: 1px;
}
.copy-code-button {
  margin-left: .7rem;
  border: 0;
  border-radius: 999px;
  padding: .48rem .8rem;
  background: #edf7ff;
  color: #0569a9;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.offer-note {
  color: #7a899d !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}
.directory-layout {
  display: grid;
  grid-template-columns: 245px 1fr;
  gap: 28px;
  padding-bottom: 90px;
}
.directory-layout aside {
  position: sticky;
  top: 20px;
  align-self: start;
  padding: 22px;
  border: 1px solid #dce5f1;
  border-radius: 20px;
  background: #fff;
}
.directory-layout aside label {
  display: grid;
  gap: 8px;
  color: #5e7190;
  font-size: 10px;
  font-weight: 850;
}
.directory-layout aside input {
  width: 100%;
  padding: 11px;
  border: 1px solid #d4dfed;
  border-radius: 9px;
}
.directory-layout aside h2 {
  margin: 28px 0 12px;
  font-size: 13px;
}
.directory-layout aside button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 0;
  border-radius: 9px;
  background: transparent;
  padding: 10px;
  color: #4f6382;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.directory-layout aside button.active {
  background: var(--ink);
  color: #fff;
}
.directory-feed {
  display: grid;
  gap: 16px;
}
.directory-feed>article {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 26px;
  padding: 24px;
  border: 1px solid #dce5f1;
  border-radius: 22px;
  background: #fff;
}
.directory-mark {
  display: grid;
  place-items: center;
  min-height: 165px;
  border-radius: 17px;
  font-size: 40px;
  font-weight: 900;
}
.directory-mark.mint {
  background: #cceeff;
}
.directory-mark.cream {
  background: #ffe4c7;
}
.directory-mark.coral {
  background: #ffc3bc;
}
.directory-meta {
  display: flex;
  gap: 12px;
  color: #8290a5;
  font-size: 10px;
}
.directory-feed h2 {
  margin: 14px 0 9px;
  font-size: 24px;
}
.directory-feed p {
  color: #637693;
  font-size: 13px;
  line-height: 1.7;
}
.directory-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e1e7f0;
  color: #71809a;
  font-size: 11px;
}
.directory-bottom code {
  color: #173d67;
  font-weight: 900;
}
.directory-bottom a {
  color: #0b4fc6;
  font-weight: 850;
}
.guide-page,.faq-page,.archive-page {
  max-width: 960px;
  padding-top: 80px;
  padding-bottom: 100px;
}
.guide-page header,.faq-page header,.archive-page header {
  margin-bottom: 60px;
}
.guide-page>section {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 28px;
  padding: 42px 0;
  border-top: 1px solid #dce5f1;
}
.guide-page>section>b {
  font-size: 11px;
  letter-spacing: 2px;
  color: var(--coral);
}
.guide-page h2 {
  margin: 0 0 18px;
  font-size: 28px;
}
.guide-page p,.guide-page li {
  color: #506784;
  font-size: 15px;
  line-height: 1.9;
}
.guide-page ol {
  padding-left: 20px;
}
.guide-page .ad-break {
  display: block;
  max-width: none;
}
.faq-list {
  display: grid;
  gap: 12px;
}
.faq-list details {
  border: 1px solid #dce5f1;
  border-radius: 17px;
  background: #fff;
  padding: 0 22px;
}
.faq-list summary {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 0;
  font-size: 16px;
  font-weight: 850;
  cursor: pointer;
}
.faq-list summary::marker {
  display: none;
}
.faq-list details p {
  margin: 0;
  padding: 0 0 22px;
  color: #5d718d;
  line-height: 1.8;
}
.archive-page>section {
  margin-top: 45px;
}
.archive-page>section>h2 {
  font-size: 25px;
}
.archive-page>section>div {
  border-top: 1px solid #dce5f1;
}
.archive-page article {
  display: grid;
  grid-template-columns: 80px 130px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #dce5f1;
}
.archive-page time,.archive-page article>span,.archive-page article>b {
  color: #8290a4;
  font-size: 10px;
}
.archive-page h3 {
  margin: 0;
  font-size: 16px;
}
.content-manager {
  max-width: 1240px;
  margin: 0 auto 20px;
  padding: 0 30px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  align-items: start;
}
.content-manager .offer-form textarea {
  min-height: 100px;
}
@media (max-width:900px) {
  .latest-grid,.content-grid {
    grid-template-columns: 1fr;
  }
  .content-hero {
    padding-top: 55px;
  }
  .offer-detail-grid {
    grid-template-columns: 1fr;
  }
  .offer-detail-visual {
    min-height: 360px;
  }
  .directory-layout {
    grid-template-columns: 1fr;
  }
  .directory-layout aside {
    position: static;
  }
  .content-manager {
    grid-template-columns: 1fr;
  }
  .legal-header nav a:nth-child(n+4) {
    display: none;
  }
}
@media (max-width:600px) {
  .latest {
    padding-bottom: 80px;
  }
  .content-hero {
    display: block;
  }
  .content-language {
    margin-top: 25px;
  }
  .content-grid {
    padding-bottom: 65px;
  }
  .content-card-body {
    padding: 22px;
  }
  .article-page,.offer-detail {
    padding-top: 35px;
  }
  .article-tools {
    margin-bottom: 38px;
  }
  .article-page h1 {
    font-size: 42px;
  }
  .article-page header>span {
    font-size: 17px;
  }
  .article-body p {
    font-size: 15px;
  }
  .share-panel>span {
    width: 100%;
  }
  .offer-detail-visual {
    min-height: 300px;
  }
  .offer-detail-visual strong {
    font-size: 38px;
  }
  .directory-feed>article {
    grid-template-columns: 1fr;
  }
  .directory-mark {
    min-height: 120px;
  }
  .directory-bottom {
    align-items: flex-start;
    gap: 12px;
  }
  .guide-page>section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .archive-page article {
    grid-template-columns: 65px 1fr auto;
  }
  .archive-page article>span {
    display: none;
  }
  .archive-page h3 {
    font-size: 14px;
  }
  .content-manager {
    padding-inline: 14px;
  }
  .legal-header nav {
    overflow: auto;
    white-space: nowrap;
    max-width: 70%;
  }
}
.admin-header {
  position: sticky;
  top: 0;
  z-index: 20;
  gap: 24px;
}
.admin-header>.brand {
  flex: none;
}
.admin-nav {
  display: flex;
  align-items: center;
  gap: 7px;
}
.admin-nav a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #53657f;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.admin-nav a b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #eef2f7;
  color: #274b76;
  font-size: 10px;
}
.admin-nav a.active {
  border-color: #cfdbea;
  background: #f4f8fd;
  color: #082a60;
}
.admin-nav a.active b {
  background: #0b4fc6;
  color: #fff;
}
.admin-intro {
  margin-top: 42px;
}
.admin-intro h1 {
  font-family: var(--font-geist-sans),Arial,sans-serif;
  font-weight: 850;
  letter-spacing: -2px;
}
.admin-dashboard,.admin-page-width {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 30px;
}
.admin-safety-note {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 16px 18px;
  border: 1px solid #cfe0f1;
  border-radius: 14px;
  background: #f3f9ff;
  color: #38536f;
  font-size: 12px;
  line-height: 1.6;
}
.admin-safety-note b {
  flex: none;
  padding: 5px 8px;
  border-radius: 7px;
  background: #dceeff;
  color: #0a5792;
  font-size: 10px;
}
.admin-module-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.admin-module-card {
  position: relative;
  min-height: 325px;
  padding: 28px;
  border: 1px solid #d7e0eb;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 14px 40px #122c6208;
  overflow: hidden;
  transition: .2s transform,.2s box-shadow;
}
.admin-module-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px #122c6212;
}
.admin-module-card>span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: #7e8da3;
}
.admin-module-card>b {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin: 38px 0 24px;
  border-radius: 18px;
  background: #e4f3ff;
  color: #0759a3;
  font-size: 24px;
}
.admin-module-card.coral>b {
  background: #ffe3df;
  color: #c44635;
}
.admin-module-card.mint>b {
  background: #def5ea;
  color: #267254;
}
.admin-module-card h2 {
  margin: 0;
  font-size: 23px;
  letter-spacing: -.7px;
}
.admin-module-card p {
  min-height: 62px;
  margin: 10px 0 18px;
  color: #687b95;
  font-size: 13px;
  line-height: 1.6;
}
.admin-module-card strong {
  display: block;
  color: #294664;
  font-size: 11px;
}
.admin-module-card i {
  position: absolute;
  right: 25px;
  bottom: 25px;
  color: #0b4fc6;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.admin-status-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin-top: 18px;
}
.admin-status-grid article {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px;
  padding: 20px 22px;
  border: 1px solid #d7e0eb;
  border-radius: 16px;
  background: #fff;
}
.admin-status-grid span,.admin-status-grid small {
  color: #74849a;
  font-size: 10px;
}
.admin-status-grid strong {
  grid-row: 1/3;
  grid-column: 2;
  font-size: 28px;
}
.admin-status-grid .admin-status-word {
  font-size: 16px;
}
.admin-page-card {
  max-width: none;
  margin: 0;
}
.admin-page-width .ad-manager {
  margin-inline: 0;
}
.admin-edit-banner {
  max-width: 1180px;
  margin: 0 auto 20px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #ffc6b9;
  border-radius: 13px;
  background: #fff2ee;
  color: #704236;
  font-size: 11px;
}
.admin-edit-banner b {
  font-size: 12px;
}
.admin-edit-banner span {
  flex: 1;
}
.admin-edit-banner button {
  border: 0;
  border-radius: 8px;
  background: #fff;
  padding: 8px 11px;
  color: #a33f2d;
  font-weight: 850;
  cursor: pointer;
}
.admin-separated-page {
  margin-top: 0;
}
.form-title>div {
  display: grid;
  gap: 5px;
}
.admin-list-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -4px 0 14px;
}
.admin-list-tools>input {
  flex: 1;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #d4dce6;
  border-radius: 9px;
  background: #f8fafc;
  color: #203b5b;
}
.admin-list-tools>div {
  display: flex;
  gap: 4px;
}
.admin-list-tools button {
  padding: 8px 9px !important;
  border: 1px solid #d5deea !important;
  border-radius: 8px;
  background: #fff !important;
  color: #5a6c84 !important;
  font-size: 10px;
}
.admin-list-tools button.active {
  border-color: #0b4fc6 !important;
  background: #0b4fc6 !important;
  color: #fff !important;
}
.admin-primary:disabled {
  opacity: .6;
  cursor: wait;
}
.admin-switches {
  padding: 15px;
  border-radius: 11px;
  background: #f7f9fc;
}
.category-manager,.admin-edit-banner {
  max-width: 1180px;
}
.content-manager.admin-separated-page {
  max-width: 1240px;
}
.category-manager .form-title span {
  font-size: 11px;
  color: #6c7a75;
}
@media (max-width:1100px) {
  .admin-header {
    padding-inline: 24px;
  }
  .admin-header>.brand {
    width: 80px;
  }
  .admin-nav a span {
    display: none;
  }
  .admin-nav a {
    padding: 6px;
  }
  .admin-header>div a {
    display: none;
  }
}
@media (max-width:900px) {
  .admin-module-grid {
    grid-template-columns: 1fr;
  }
  .admin-module-card {
    min-height: 250px;
  }
  .admin-module-card>b {
    margin: 25px 0 18px;
  }
  .admin-module-card p {
    min-height: 0;
  }
  .admin-status-grid {
    grid-template-columns: 1fr;
  }
  .admin-edit-banner {
    margin-inline: 30px;
  }
}
@media (max-width:600px) {
  .admin-header {
    height: auto;
    min-height: 72px;
    padding: 9px 14px;
    gap: 8px;
  }
  .admin-header>.brand {
    width: 64px;
  }
  .admin-nav {
    gap: 3px;
  }
  .admin-nav a {
    padding: 5px;
  }
  .admin-nav a b {
    width: 27px;
    height: 27px;
  }
  .admin-header>div {
    gap: 0;
  }
  .admin-header>div button {
    font-size: 10px;
  }
  .admin-dashboard,.admin-page-width {
    padding-inline: 14px;
  }
  .admin-safety-note {
    align-items: flex-start;
  }
  .admin-module-card {
    padding: 22px;
  }
  .admin-status-grid article {
    padding: 17px;
  }
  .admin-edit-banner {
    margin-inline: 14px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .admin-edit-banner span {
    flex-basis: 70%;
  }
  .admin-edit-banner button {
    margin-left: auto;
  }
  .admin-list-tools {
    align-items: stretch;
    flex-direction: column;
  }
  .admin-list-tools>div button {
    flex: 1;
  }
  .admin-list-tools>div {
    display: flex;
  }
  .category-manager {
    margin-inline: 14px;
  }
  .form-options {
    align-items: flex-start;
    flex-direction: column;
  }
  .form-options select {
    margin-left: 0;
  }
  .admin-message {
    display: block;
    margin: 12px 0 0;
  }
}
.topic-entry {
  padding: 24px 0;
  border-top: 1px solid #e0e7f0;
}
.topic-entry:first-of-type {
  margin-top: 22px;
}
.topic-entry span {
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
}
.topic-entry h3 {
  margin: 8px 0;
  font-size: 22px;
}
.topic-entry p {
  margin: 0 !important;
}
.article-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding: 18px 0;
  border-top: 1px solid #dce5f1;
  color: #72829a;
  font-size: 11px;
}
.article-byline b {
  color: #203d65;
}
.article-byline a {
  margin-left: auto;
  color: #0b4fc6;
  font-weight: 850;
}
.article-body {
  margin: 45px 0;
  padding-top: 15px;
}
.article-body section {
  padding: 30px 0;
  border-bottom: 1px solid #e6ebf2;
}
.article-body h2 {
  margin: 0 0 14px;
  color: #183862;
  font-size: 27px;
  letter-spacing: -.7px;
}
.article-body p {
  margin: 0;
}
.article-source {
  margin: 0 0 38px;
  padding: 25px;
  border: 1px solid #d7e3f1;
  border-radius: 18px;
  background: #f7fbff;
}
.article-source>span {
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.6px;
}
.article-source p {
  color: #5b6f8b;
  line-height: 1.8;
}
.related-reading {
  display: grid;
  gap: 10px;
  margin: 0 0 38px;
  padding: 25px;
  border-top: 1px solid #dce5f1;
  border-bottom: 1px solid #dce5f1;
}
.related-reading>span {
  margin-bottom: 4px;
  color: var(--coral);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.4px;
}
.related-reading a {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 0;
  color: #254a75;
  font-weight: 750;
}
.related-reading b {
  color: #0b4fc6;
}
.reader-tool-link {
  margin-block: 28px;
  padding: 24px;
  border: 1px solid #b8cbe6;
  border-radius: 16px;
  background: #f1f6fc;
  line-height: 1.8;
}
.reader-tool-link a {
  text-decoration: underline;
  font-weight: 700;
}
.cost-tool {
  margin-block: 32px;
  padding: 24px;
  background: #f1f6fc;
  border-radius: 18px;
}
.cost-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
  margin-block: 24px;
}
.cost-tool fieldset {
  min-width: 0;
  padding: 20px;
  border: 1px solid #b8cbe6;
  border-radius: 12px;
  background: white;
}
.cost-tool legend {
  font-weight: 700;
  padding-inline: 8px;
}
.cost-tool label {
  display: grid;
  gap: 8px;
  margin-block: 14px;
  font-size: 15px;
}
.cost-tool input,.cost-tool select {
  width: 100%;
  min-height: 44px;
  padding: 10px;
  border: 1px solid #8295b2;
  border-radius: 8px;
  background: white;
  color: #10254c;
  font: inherit;
}
.cost-tool :focus-visible {
  outline: 3px solid #0077d4;
  outline-offset: 2px;
}
.cost-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.cost-actions button {
  padding: 10px 16px;
  background: #10254c;
  color: white;
  border-radius: 8px;
  cursor: pointer;
}
.cost-results {
  padding: 20px;
  background: white;
  border-radius: 12px;
}
@media (max-width: 640px) {
  .cost-columns {
    grid-template-columns: 1fr;
  }
  .cost-tool {
    padding: 14px;
  }
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

/* Shared readability and interaction refinements. No content data is changed. */
:root { scroll-padding-top: 90px; }
button, input, select, textarea { font: inherit; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #087fdb; outline-offset: 4px; }
button:disabled { cursor: not-allowed; opacity: .6; }
.content-search { display: flex; align-items: end; gap: 16px; margin-bottom: 28px; }
.content-search label { display: grid; gap: 9px; flex: 1; max-width: 560px; font-size: 14px; font-weight: 700; }
.content-search input { width: 100%; min-height: 46px; padding: 12px 16px; border: 1px solid #bdcce0; border-radius: 12px; background: white; color: #10254c; }
.content-search > span { padding-block: 13px; color: #516581; font-size: 14px; }
.reset-filters { min-height: 44px; padding: 10px 16px; border: 1px solid #bdcce0; border-radius: 10px; background: #fff; color: #174b87; cursor: pointer; }
.article-page h1, .offer-detail h1 { overflow-wrap: anywhere; text-wrap: balance; }
.article-body { max-width: 76ch; margin-inline: auto; }
.article-body p { white-space: pre-line; line-height: 1.95; overflow-wrap: anywhere; }
.article-body h2 { line-height: 1.45; }
.directory-feed article, .content-card, .offer { min-width: 0; }
.directory-bottom { flex-wrap: wrap; }
.directory-bottom code, .code-row code { overflow-wrap: anywhere; user-select: all; }
.code-row { flex-wrap: wrap; }
.code-row small { width: 100%; color: #8b331e; line-height: 1.6; }
.offer-body > p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.8; }
.offer-body > a { min-height: 44px; display: flex; align-items: center; justify-content: space-between; }
.offer-body h3 { line-height: 1.5; }
.category-tabs, .content-filters { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; padding-bottom: 10px; }
.category-tabs button, .content-filters button { flex-shrink: 0; min-height: 44px; }
@media (max-width: 900px) {
  .legal-header { height: auto; min-height: 80px; flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  .legal-header nav { display: flex; width: 100%; max-width: none; overflow-x: auto; gap: 18px; }
  .legal-header nav a:nth-child(n) { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; }
}
@media (max-width: 600px) {
  .content-search { flex-wrap: wrap; gap: 10px; }
  .content-search label { flex-basis: 100%; max-width: none; }
  .article-page h1, .offer-detail h1 { font-size: clamp(28px, 8vw, 40px); letter-spacing: -.8px; line-height: 1.35; }
  .article-body p { font-size: 16px; }
  .article-body h2 { font-size: 23px; }
  input, textarea, select { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Public editorial layout. Admin forms and stored content are intentionally untouched. */
.home-v3, main:has(> .site-header-v3) { background:#f8f9fc; min-height:100vh; }
.site-header-v3.legal-header { height:88px; gap:28px; background:#f8f9fc; }
.site-header-v3 .brand { width:76px; height:62px; flex:none; }
.site-header-v3 .brand img { width:100%;height:100%;object-fit:contain; }
.site-header-v3 nav { flex-wrap:wrap;gap:8px 24px;font-size:14px; }
.site-header-v3 nav a { padding-block:12px; }
.site-header-v3 nav a:hover { color:#006eb8;text-decoration:underline;text-underline-offset:6px; }
.editorial-kicker { color:#38667d;font-size:11px;font-weight:800;letter-spacing:1.5px;line-height:1.6; }
.editorial-intro { display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:42px 34px; }
.editorial-intro h1 { font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:-1px;margin:12px 0;max-width:820px; }
.editorial-intro p:last-child { color:#59687d;font-size:15px;line-height:1.8;margin:0; }
.editorial-intro .language { flex:none; }
.editorial-front { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px; }
.editorial-lead { position:relative;display:flex;flex-direction:column;padding:34px 38px;background:#112b46;border-radius:20px;color:#fff;overflow:hidden; }
.editorial-lead::before { content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#ff6b57; }
.editorial-lead .editorial-kicker { color:#a6d9e8; }
.editorial-lead h2 { position:relative;margin:26px 0 18px;font-size:clamp(25px,2.6vw,34px);line-height:1.5;letter-spacing:-.5px; }
.editorial-lead p { margin:0 0 26px;font-size:15px;line-height:1.9;color:#c4d2e0; }
.editorial-lead small { color:#c4d2e0; }
.editorial-lead-bottom { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:24px;border-top:1px solid #ffffff30;font-size:13px; }
.editorial-lead-bottom time { color:#adc1d4; }
.editorial-lead a:hover { text-decoration:underline;text-underline-offset:5px; }
.editorial-explore { display:grid;grid-template-rows:repeat(4,1fr);border:1px solid #dfe5ec;background:white;border-radius:20px;padding:8px 24px; }
.editorial-explore>a { display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #e8edf2; }
.editorial-explore>a:last-child { border:0; }
.editorial-explore>a:hover strong { color:#0076aa; }
.explore-number { font-size:12px;color:#8197a8;font-family:var(--font-geist-mono),monospace; }
.editorial-explore strong { font-size:18px; }
.editorial-explore p { margin:7px 0 0;color:#617184;font-size:13px;line-height:1.6; }
.editorial-explore b { margin-left:auto;color:#1785a4; }
.editorial-stories, .editorial-offers { padding-block:42px 12px; }
.editorial-section-title { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px; }
.editorial-section-title h2 { margin:0;font-size:26px;line-height:1.4;letter-spacing:-.5px; }
.editorial-section-title> a { flex:none;font-size:13px;color:#12638c;font-weight:700; }
.editorial-section-title>div>p:last-child { color:#677588;line-height:1.7;font-size:14px;margin:12px 0 0; }
.editorial-story-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px; }
.editorial-story-grid article { display:flex;flex-direction:column;border-top:2px solid #dce4ee;padding:23px 0 26px;min-width:0; }
.editorial-story-grid h3 { font-size:19px;line-height:1.65;margin:12px 0; }
.editorial-story-grid p { color:#617184;font-size:14px;line-height:1.8;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.editorial-story-grid time { margin-top:auto;padding-top:12px;font-size:12px;color:#66788b; }
.editorial-story-grid small { font-size:12px;color:#687787; }
.editorial-story-grid a:hover { color:#0076aa; }
.editorial-offers { border-top:1px solid #dce4ee;margin-top:24px; }
.editorial-offer-controls { display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:24px; }
.editorial-offer-controls .category-tabs { margin:0;gap:8px;max-width:100%; }
.editorial-offer-controls input { width:300px;max-width:100%;min-height:46px;padding:12px 16px;border:1px solid #c9d5e2;border-radius:9px;background:white; }
.editorial-offer-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.editorial-offer-grid article { display:flex;flex-direction:column;padding:24px;background:white;border:1px solid #dfe5ec;border-radius:14px;min-width:0; }
.editorial-offer-brand { display:flex;align-items:center;gap:12px; }
.editorial-offer-brand>span { display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e8f3f7;color:#125b78;font-size:23px;font-weight:800; }
.editorial-offer-brand small { color:#617184;font-size:11px; }
.editorial-offer-brand h3 { margin:4px 0 0;font-size:17px;line-height:1.5; }
.editorial-offer-grid article>p { color:#617184;font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.editorial-offer-grid .code-row { margin-top:auto;gap:8px; }
.editorial-offer-grid .code-row button { min-height:44px;font-size:12px; }
.editorial-offer-detail { margin-top:20px;font-size:13px;font-weight:700;color:#12638c; }
.editorial-more { display:block;width:fit-content;margin:26px auto 0;padding:14px 24px;border:1px solid #c9d5e2;border-radius:9px;background:white;font-size:14px; }
.editorial-note { margin-top:54px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #d3e4e7;background:#ecf4f4;border-radius:16px; }
.editorial-note h2 { margin:8px 0;font-size:25px;line-height:1.4; }
.editorial-note p:last-child { max-width:760px;color:#526b77;font-size:14px;line-height:1.8; }
.editorial-note>a { flex:none;color:#12638c;font-size:14px; }
.home-v3 .footer, main:has(>.site-header-v3)>.footer { margin-top:56px;padding-block:36px;gap:24px; }
.home-v3 .footer-links a, main:has(>.site-header-v3)>.footer .footer-links a { border:0;border-radius:0;padding:7px 10px;font-size:12px; }
.content-hub-v3 .content-hero { padding-block:44px 30px;gap:24px; }
.content-hub-v3 .content-hero h1 { font-size:40px;letter-spacing:-1px;line-height:1.3;margin:12px 0; }
.content-hub-v3 .content-hero span { line-height:1.8; }
.content-hub-v3 .content-filters { margin-bottom:20px;gap:10px; }
.content-hub-v3 .content-filters button { display:flex;gap:12px;align-items:center;border-radius:9px;font-size:14px; }
.content-hub-v3 .content-filters small { font-size:11px;opacity:.75; }
.content-hub-v3 .content-search { background:#fff;padding:22px;border:1px solid #dfe5ec;border-radius:14px; }
.content-hub-v3 .content-search .topic-select { flex:0 1 260px; }
.content-hub-v3 select { height:46px;width:100%;padding:10px 14px;border:1px solid #bdcce0;border-radius:10px;background:white;color:#17354f; }
.content-hub-v3 .content-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:28px; }
.content-hub-v3 .content-card { border-radius:14px;box-shadow:none;display:flex;flex-direction:column; }
.content-hub-v3 .content-card-top { height:auto;background:#edf4f7;padding:14px 22px;border-bottom:1px solid #e2ebef; }
.content-hub-v3 .content-card-top.activity { background:#fff1e9; }
.content-hub-v3 .content-card-top span,.content-hub-v3 .content-card-top b { background:transparent;padding:0;font-size:10px;color:#416b80; }
.content-hub-v3 .content-card-body { padding:22px;display:flex;flex-direction:column;flex:1; }
.content-hub-v3 .content-meta { font-size:11px;color:#62758a;line-height:1.6; }
.content-hub-v3 .content-card h2 { font-size:21px;line-height:1.55;margin:16px 0 12px; }
.content-hub-v3 .content-card h2 a:hover { color:#0076aa; }
.content-hub-v3 .content-card p { line-height:1.85;min-height:0; }
.content-hub-v3 .content-card>p { padding:0 22px;font-size:12px; }
.content-hub-v3 .content-card-body>p { display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 24px; }
.content-hub-v3 .content-card-body>div:last-child { margin-top:auto; }
.content-hub-v3 .content-card-body>div:last-child a { font-size:12px;min-height:32px;display:flex;align-items:center; }
.editorial-pagination { display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0 48px; }
.editorial-pagination button { min-height:44px;padding:10px 20px;border:1px solid #cbd7e2;border-radius:9px;background:white;color:#17354f;cursor:pointer; }
.editorial-pagination span { font-size:14px;color:#617184; }
.article-v3.article-page { max-width:1180px;padding-top:28px; }
.article-v3 .article-tools { margin-bottom:32px; }
.article-v3>header { max-width:850px;margin-inline:auto; }
.article-v3>header h1 { font-size:clamp(28px,3.3vw,42px);letter-spacing:-.8px;line-height:1.5;text-wrap:pretty; }
.article-v3>header>span { font-size:17px;line-height:1.9;background:#edf3f7;border-left:3px solid #6bafbd;padding:18px 22px;margin-top:22px; }
.article-v3>header time { color:#617184;font-size:12px; }
.article-v3 .article-byline { font-size:12px; }
.article-reading-layout { display:grid;grid-template-columns:240px minmax(0,780px);gap:48px;justify-content:center;margin-top:30px; }
.article-reading-layout:not(:has(.article-toc)) { grid-template-columns:minmax(0,780px); }
.article-v3 .article-body { margin:0;max-width:100%;padding:0;border:0;min-width:0; }
.article-v3 .article-body section { padding:24px 0;border-bottom:0;scroll-margin-top:28px; }
.article-v3 .article-body section:first-child { padding-top:0; }
.article-v3 .article-body h2 { font-size:24px;line-height:1.55;letter-spacing:0;padding-left:14px;border-left:3px solid #2592ab; }
.article-v3 .article-body p { font-size:17px;line-height:2.05;color:#34485d; }
.article-toc { position:sticky;top:24px;align-self:start;border:1px solid #dfe5ec;border-radius:12px;background:#fff;padding:20px;max-height:calc(100vh - 48px);overflow:auto; }
.article-toc summary { font-size:14px;font-weight:800;cursor:pointer;min-height:28px; }
.article-toc nav { display:grid;gap:4px;margin-top:12px; }
.article-toc a { padding:9px 0;color:#526b80;line-height:1.6;font-size:13px; }
.article-toc a:hover { color:#0076aa;text-decoration:underline; }
.article-v3 .article-source, .article-v3 .related-reading, .article-v3 .share-panel { max-width:850px;margin:32px auto; }
main:has(>.site-header-v3) .directory-feed>article { border-radius:14px; }
main:has(>.site-header-v3) .directory-mark { min-height:100px; }
@media (max-width:1000px) {
  .site-header-v3.legal-header { height:auto;min-height:88px;flex-wrap:wrap;padding-block:12px; }
  .site-header-v3.legal-header nav { display:flex;width:100%;max-width:none;flex-wrap:nowrap;overflow:auto;gap:22px; }
  .site-header-v3.legal-header nav a:nth-child(n) { display:inline-flex;white-space:nowrap;min-height:44px;flex:none; }
  .editorial-story-grid,.editorial-offer-grid,.content-hub-v3 .content-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-reading-layout { grid-template-columns:200px minmax(0,1fr);gap:28px; }
  .content-hub-v3 .content-search { flex-wrap:wrap; }
}
@media (max-width:720px) {
  .editorial-intro { padding-block:28px;align-items:start;flex-direction:column;gap:18px; }
  .editorial-front { grid-template-columns:1fr;gap:18px; }
  .editorial-lead { padding:28px; }
  .editorial-lead h2 { margin-top:18px; }
  .editorial-explore { grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0 20px;padding:8px 20px; }
  .editorial-explore>a { gap:10px; }
  .editorial-explore strong { font-size:15px; }
  .editorial-explore .explore-number { display:none; }
  .editorial-explore>a:nth-last-child(2) { border:0; }
  .editorial-offer-controls { flex-direction:column;gap:10px; }
  .editorial-offer-controls input { width:100%; }
  .editorial-section-title { align-items:start;flex-wrap:wrap;gap:14px; }
  .editorial-note { flex-direction:column;align-items:start;padding:24px; }
  .article-reading-layout { display:flex;flex-direction:column;gap:24px; }
  .article-toc { position:static;width:100%;max-height:240px; }
  .article-toc nav { grid-template-columns:1fr 1fr;gap:4px 20px; }
  .article-v3 .article-body p { font-size:16px; }
}
@media (max-width:520px) {
  .editorial-story-grid,.editorial-offer-grid,.content-hub-v3 .content-grid { grid-template-columns:1fr; }
  .editorial-story-grid article { padding-block:20px; }
  .editorial-stories,.editorial-offers { padding-top:32px; }
  .editorial-section-title h2 { font-size:24px; }
  .content-hub-v3 .content-hero h1 { font-size:32px; }
  .content-hub-v3 .content-search { padding:18px; }
  .content-hub-v3 .content-search .topic-select { flex-basis:100%; }
  .content-hub-v3 .content-hero { padding-top:30px; }
  .article-v3>header>span { font-size:16px;padding:16px; }
  .article-toc nav { grid-template-columns:1fr; }
  .article-v3 .article-tools { margin-bottom:26px; }
}
/* Editorial review notes must remain distinct from active offer promotions. */
.campaign-history-note { margin: 0; padding: 12px 18px; background: #fff4dc; color: #704c12; font-size: 13px; line-height: 1.6; border-bottom: 1px solid #ead7af; }
@media print {
  .cost-actions, .footer, .site-header { display: none !important; }
  .cost-columns { display: grid; grid-template-columns: 1fr 1fr; }
  .cost-results { break-inside: avoid; }
}

.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#f4f7fb;color:#071d56;padding:0}
.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px 22px;background:#071d56;color:#fff;overflow:auto}
.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 6px 26px;border-bottom:1px solid #ffffff18}
.admin-sidebar-brand .brand{width:58px;height:58px;padding:6px;border-radius:15px;background:#fff}
.admin-sidebar-brand>div{display:grid;gap:3px}.admin-sidebar-brand strong{font-size:17px;letter-spacing:-.3px}.admin-sidebar-brand span{color:#9fb4d5;font-size:10px;letter-spacing:.7px}
.admin-sidebar-label{margin:28px 10px 10px;color:#6885b0;font-size:9px;font-weight:900;letter-spacing:2px}
.admin-nav{display:grid;gap:7px}
.admin-nav a{display:grid;grid-template-columns:40px 1fr 12px;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:13px;color:#c7d5e9;transition:.18s background,.18s border-color,.18s transform}
.admin-nav a:hover{background:#ffffff0a;transform:translateX(2px)}
.admin-nav a>b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#ffffff0c;color:#92abd0;font-size:12px}
.admin-nav a>span{display:grid;gap:3px}.admin-nav a strong{font-size:12px}.admin-nav a small{color:#7891b6;font-size:9px}.admin-nav a i{color:#6f89b0;font-size:18px;font-style:normal}
.admin-nav a.active{border-color:#ffffff18;background:linear-gradient(135deg,#174b9b,#0b6bc8);color:#fff;box-shadow:0 12px 28px #00123b55}
.admin-nav a.active>b{background:#ffffff1c;color:#fff}.admin-nav a.active small{color:#c5dcf7}.admin-nav a.active i{color:#fff}
.admin-sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff18}
.admin-sidebar-footer a,.admin-sidebar-footer button{display:grid;place-items:center;gap:5px;border:0;border-radius:11px;background:#ffffff0b;padding:10px 6px;color:#b7c8e0;cursor:pointer}
.admin-sidebar-footer span{font-size:16px}.admin-sidebar-footer b{font-size:9px}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{background:#ffffff16;color:#fff}
.admin-workspace{min-width:0;padding-bottom:70px}.admin-mobile-header{display:none}
.admin-intro{max-width:1180px;margin:0 auto;padding:52px 36px 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.admin-intro>div:first-child{min-width:0}.admin-intro p{margin:0;color:#1f6cca;font-size:9px;font-weight:900;letter-spacing:2.2px}.admin-intro h1{margin:9px 0 10px;font:850 clamp(34px,4vw,52px)/1 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-2.5px}.admin-intro span{display:block;color:#687a94;font-size:13px;line-height:1.65}
.admin-page-badge{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid #d7e2ef;border-radius:13px;background:#fff;box-shadow:0 8px 24px #1433610a}.admin-page-badge b{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e9f3ff;color:#0b5fb7}.admin-page-badge span{font-size:10px;font-weight:850;color:#385270}
.admin-content{min-width:0}.admin-dashboard,.admin-page-width{max-width:1180px;margin:0 auto;padding:0 36px}
.admin-safety-note{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid #d4e3f2;border-radius:13px;background:#eef7ff;color:#49627e;font-size:11px;line-height:1.6}.admin-safety-note b{flex:none;padding:5px 8px;border-radius:7px;background:#fff;color:#0b5fae;font-size:9px;box-shadow:0 3px 10px #163d6b0a}
.admin-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-module-card{position:relative;min-height:292px;padding:23px;border:1px solid #dbe4ee;border-radius:20px;background:#fff;box-shadow:0 12px 34px #15345f0b;overflow:hidden;transition:.2s transform,.2s box-shadow}
.admin-module-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#0b4fc6,#079cec)}.admin-module-card.coral::before{background:linear-gradient(90deg,#ff5145,#ff8e75)}.admin-module-card.mint::before{background:linear-gradient(90deg,#08a77d,#61d7b5)}
.admin-module-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px #15345f16}.admin-module-card>span{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#8b99aa}.admin-module-card>b{display:grid;place-items:center;width:54px;height:54px;margin:28px 0 20px;border-radius:16px;background:#e7f2ff;color:#0b5fb7;font-size:21px}.admin-module-card.coral>b{background:#fff0ed;color:#d24735}.admin-module-card.mint>b{background:#e4f8f1;color:#187b5f}.admin-module-card h2{margin:0;font-size:20px;letter-spacing:-.5px}.admin-module-card p{min-height:57px;margin:9px 0 16px;color:#6c7d93;font-size:12px;line-height:1.65}.admin-module-card strong{display:block;color:#304c6c;font-size:10px}.admin-module-card i{position:absolute;right:22px;bottom:21px;color:#0b5fb7;font-size:10px;font-style:normal;font-weight:900}
.admin-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.admin-status-grid article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:18px 20px;border:1px solid #dbe4ee;border-radius:15px;background:#fff}.admin-status-grid span,.admin-status-grid small{color:#78889c;font-size:9px}.admin-status-grid strong{grid-row:1/3;grid-column:2;font-size:26px}.admin-status-grid .admin-status-word{font-size:14px}
.admin-edit-banner{max-width:1108px;margin:0 auto 18px;padding:14px 18px;display:flex;align-items:center;gap:14px;border:1px solid #ffcabc;border-radius:13px;background:#fff1ed;color:#704236;font-size:10px}.admin-edit-banner b{font-size:11px}.admin-edit-banner span{flex:1}.admin-edit-banner button{border:0;border-radius:8px;background:#fff;padding:8px 11px;color:#a33f2d;font-weight:850;cursor:pointer}
.admin-layout,.content-manager.admin-separated-page{max-width:1180px;margin:0 auto;padding:0 36px;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:16px}.category-manager{max-width:1108px;margin:0 auto 18px}.ad-manager.admin-page-card{max-width:none;margin:0}.offer-form,.admin-list,.category-manager,.ad-manager{border-color:#dbe4ee;border-radius:18px;box-shadow:0 10px 30px #15345f08}.offer-form,.admin-list{padding:24px}.form-title h2{font-family:var(--font-geist-sans),Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.5px}.admin-primary{background:linear-gradient(135deg,#0b4fc6,#087fdb);box-shadow:0 8px 18px #0b4fc625}.admin-list-tools>input{background:#f7f9fc}.admin-switches{padding:14px;border-radius:11px;background:#f4f7fb}
@media(max-width:1180px){.admin-shell{grid-template-columns:226px minmax(0,1fr)}.admin-sidebar{padding-inline:15px}.admin-sidebar-brand>div{display:none}.admin-module-grid{grid-template-columns:1fr 1fr}.admin-module-card:last-child{grid-column:1/-1;min-height:230px}.admin-layout,.content-manager.admin-separated-page{grid-template-columns:1fr}.admin-list{order:-1}.category-fields{grid-template-columns:1fr 1fr}.category-list{grid-template-columns:1fr}}
@media(max-width:820px){.admin-shell{display:block}.admin-sidebar{position:sticky;z-index:30;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 14px;overflow:visible}.admin-sidebar-brand{padding:0;border:0}.admin-sidebar-brand .brand{width:46px;height:46px}.admin-sidebar-label{display:none}.admin-nav{display:flex;justify-content:center;gap:5px}.admin-nav a{display:block;padding:5px;border-radius:10px}.admin-nav a>b{width:34px;height:34px}.admin-nav a>span,.admin-nav a>i{display:none}.admin-sidebar-footer{display:flex;gap:4px;margin:0;padding:0;border:0}.admin-sidebar-footer a,.admin-sidebar-footer button{width:36px;height:36px;padding:0}.admin-sidebar-footer b{display:none}.admin-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e0e7f0;background:#fff}.admin-mobile-header>div{display:grid;gap:2px}.admin-mobile-header strong{font-size:12px}.admin-mobile-header span,.admin-mobile-header a{color:#748399;font-size:9px}.admin-intro{padding:38px 22px 22px}.admin-dashboard,.admin-page-width,.admin-layout,.content-manager.admin-separated-page{padding-inline:22px}.admin-module-grid{grid-template-columns:1fr}.admin-module-card:last-child{grid-column:auto}.admin-edit-banner{margin-inline:22px}.category-manager{margin-inline:22px}.admin-status-grid{grid-template-columns:1fr}}
@media(max-width:560px){.admin-sidebar{grid-template-columns:auto 1fr}.admin-nav{justify-content:flex-end}.admin-sidebar-footer{display:none}.admin-intro{align-items:flex-start;padding:30px 14px 18px}.admin-intro h1{font-size:34px}.admin-intro>div:first-child span{font-size:12px}.admin-page-badge{display:none}.admin-mobile-header{padding-inline:14px}.admin-dashboard,.admin-page-width,.admin-layout,.content-manager.admin-separated-page{padding-inline:14px}.admin-safety-note{align-items:flex-start}.admin-module-card{min-height:260px;padding:21px}.admin-edit-banner{margin-inline:14px;align-items:flex-start;flex-wrap:wrap}.admin-edit-banner span{flex-basis:65%}.category-manager{margin-inline:14px}.category-fields{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column}.form-options select{margin-left:0}.admin-list article{grid-template-columns:40px 1fr auto}.admin-list article .status{display:none}.category-list article{grid-template-columns:1fr auto auto}.category-list article .status,.category-list article small{display:none}}

/* Dashboard publishing statistics and account security */
.admin-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-module-card.violet::before{background:linear-gradient(90deg,#6951c9,#a977e8)}
.admin-module-card.violet>b{background:#f1edff;color:#6748b1}
.publish-statistics{margin-top:16px;padding:22px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;box-shadow:0 10px 30px #15345f08}
.publish-statistics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.publish-statistics-heading span{color:#1f6cca;font-size:8px;font-weight:900;letter-spacing:1.8px}.publish-statistics-heading h2{margin:4px 0 0;font-size:21px}.publish-statistics-heading p{margin:0;color:#7b8a9d;font-size:10px}
.publish-period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.publish-period-grid article{padding:16px;border:1px solid #e1e8f0;border-radius:14px;background:#f8fafc}.publish-period-grid header{display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:13px;border-bottom:1px solid #e1e8f0}.publish-period-grid header span{font-size:12px;font-weight:850}.publish-period-grid header strong{grid-row:1/3;grid-column:2;font-size:27px}.publish-period-grid header small{color:#8492a3;font-size:8px}.publish-period-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 0}.publish-period-grid dl div{display:grid;gap:3px}.publish-period-grid dt{color:#8794a5;font-size:8px}.publish-period-grid dd{margin:0;color:#153a70;font-size:14px;font-weight:850}
.account-card{max-width:820px;padding:28px;border:1px solid #dbe4ee;border-radius:20px;background:#fff;box-shadow:0 12px 34px #15345f0b}.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #e4eaf1}.account-card-heading span{color:#1f6cca;font-size:8px;font-weight:900;letter-spacing:1.6px}.account-card-heading h2{margin:5px 0 7px;font-size:24px}.account-card-heading p{margin:0;color:#738297;font-size:11px;line-height:1.6}.account-card-heading>b{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f1edff;color:#6748b1;font-size:20px}.account-card>label,.account-password-grid label{display:grid;gap:7px;margin-top:20px;color:#243e61;font-size:11px;font-weight:800}.account-card input{width:100%;border:1px solid #ccd8e6;border-radius:11px;background:#f9fbfd;padding:12px 13px;color:#071d56;outline:none}.account-card input:focus{border-color:#2680d6;box-shadow:0 0 0 3px #1c7bd516}.account-card small{color:#8a96a6;font-size:8px;font-weight:500}.account-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-warning{display:flex;align-items:flex-start;gap:12px;margin:22px 0;padding:14px;border-radius:12px;background:#fff7e7;color:#7b5b20;font-size:10px;line-height:1.55}.account-warning b{flex:none}.account-card>.admin-primary{min-width:190px;border:0;border-radius:10px;padding:12px 18px;color:#fff;font-weight:850;cursor:pointer}.account-card>.admin-primary:disabled{opacity:.6;cursor:wait}
@media(max-width:820px){.admin-module-grid,.publish-period-grid{grid-template-columns:1fr}.publish-statistics-heading{align-items:flex-start;flex-direction:column}.publish-statistics-heading p{line-height:1.5}}
@media(max-width:560px){.publish-statistics{padding:17px}.account-card{padding:20px}.account-password-grid{grid-template-columns:1fr}.account-warning{flex-direction:column}}