.elementor-9432 .elementor-element.elementor-element-98c0bbe{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-9432 .elementor-element.elementor-element-98c0bbe:not(.elementor-motion-effects-element-type-background), .elementor-9432 .elementor-element.elementor-element-98c0bbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FF;}.elementor-9432 .elementor-element.elementor-element-0fe7bbe{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--border-radius:10px 10px 10px 10px;}@media(max-width:767px){.elementor-9432 .elementor-element.elementor-element-98c0bbe{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-9432 .elementor-element.elementor-element-0fe7bbe{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9432 .elementor-element.elementor-element-0fe7bbe{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f3a1b53 *//* ── Design tokens ───────────────────────────────────────────── */
    :root {
      --surface:                  #f8f9ff;
      --surface-container-lowest: #ffffff;
      --surface-container:        #e5eeff;
      --surface-container-low:    #eff4ff;
      --on-surface:               #0b1c30;
      --on-surface-variant:       #45464d;
      --outline-variant:          #c6c6cd;
      --primary-container:        #131b2e;
      --on-primary-container:     #ffffff;
      --accent:                   #0c9488;
      --primary-fixed:            #dae2fd;
      --font: 'Calibri', ui-sans-serif, system-ui, sans-serif;
    }
 

 
    /* ── Header ───────────────────────────────────────────────────── */
    .ee-header {
      position: sticky;
      top: 0;
      z-index: 50;
      width: 100%;
      background: rgba(248,249,255,.9);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: .5px solid rgba(198,198,205,.3);
    }
 
    .ee-header__inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 80px;
      padding: 0 24px;
      max-width: 1200px;
      margin: 0 auto;
      width: 100%;
    }
 
    .ee-header__logo {
      font-size: 20px;
      font-weight: 600;
      color: var(--on-surface);
      text-transform: uppercase;
      letter-spacing: .1em;
      text-decoration: none;
    }
 
    .ee-header__nav {
      display: none;
      gap: 32px;
    }
 
    .ee-header__nav a {
      font-size: 15px;
      color: var(--on-surface-variant);
      font-weight: 500;
      text-decoration: none;
      transition: color .2s;
    }
 
    .ee-header__nav a:hover { color: var(--on-surface); }
 
    .ee-header__signin {
      font-size: 16px;
      color: var(--on-surface);
      font-weight: 500;
      text-decoration: none;
      transition: opacity .2s;
    }
 
    .ee-header__signin:hover { opacity: .75; }
 
    @media (min-width: 768px) {
      .ee-header__inner { padding: 0 48px; }
      .ee-header__nav  { display: flex; }
    }
 
    /* ── Main ─────────────────────────────────────────────────────── */
    .ee-main {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 64px 24px;
    }
 
    @media (min-width: 768px) { .ee-main { padding: 120px 24px; } }
 
    .ee-wrap {
      width: 100%;
      max-width: 672px;
      position: relative;
    }
 
    /* ── Card ─────────────────────────────────────────────────────── */
    .ee-card {
      background: var(--surface-container-lowest);
      border-radius: 12px;
      padding: 32px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 10px 40px rgba(15,23,42,.04);
      transition: box-shadow .3s;
    }
 
    .ee-card:hover { box-shadow: 0 15px 50px rgba(15,23,42,.06); }
 
 
    .ee-card__body { position: relative; z-index: 1; }
 
    @media (min-width: 768px) { .ee-card { padding: 48px; } }
 
    /* ── Heading ──────────────────────────────────────────────────── */
    .ee-card h1 {
      font-size: 28px;
      line-height: 1.2;
      font-weight: 500;
      color: var(--on-surface);
      margin-bottom: 16px;
      letter-spacing: -.01em;
    }
 
    @media (min-width: 768px) { .ee-card h1 { font-size: 30px; } }
 
    .ee-card p {
      font-size: 16px;
      color: var(--on-surface-variant);
      margin-bottom: 48px;
    }
 
    /* ── Form ─────────────────────────────────────────────────────── */
    .ee-form { display: flex; flex-direction: column; gap: 48px; }
 
    /* Floating-label field */
    .ee-field {
      position: relative;
    }
 
    .ee-field input {
      width: 100%;
      background: transparent;
      border: none;
      border-bottom: 2px solid var(--outline-variant);
      padding: 8px 0;
      font-size: 16px;
      font-family: var(--font);
      color: var(--on-surface);
      outline: none;
      box-shadow: none;
      transition: border-color .2s;
    }
 
    .ee-field--icon input { padding-right: 30px; }
 
    .ee-field input:focus {
      border-bottom-color: var(--accent);
    }
 
    .ee-field label {
      position: absolute;
      left: 0; top: 8px;
      font-size: 12px;
      letter-spacing: .1em;
      font-weight: 600;
      color: var(--on-surface-variant);
      text-transform: uppercase;
      transform-origin: left center;
      transition: transform .2s, color .2s;
      pointer-events: none;
    }
 
    .ee-field input:focus + label,
    .ee-field input:not(:placeholder-shown) + label {
      transform: translateY(-28px) scale(.85);
      color: var(--accent);
    }
 
    .ee-field__icon {
      position: absolute;
      right: 0; top: 8px;
      width: 22px; height: 22px;
      color: var(--on-surface-variant);
      pointer-events: none;
      stroke-width: 1.5;
    }
 
    /* row for expiry + cvc */
    .ee-row {
      display: flex;
      flex-direction: column;
      gap: 48px;
    }
 
    @media (min-width: 768px) {
      .ee-row { flex-direction: row; gap: 40px; }
      .ee-row .ee-field { flex: 1; }
    }
 
    /* ── Checkbox ─────────────────────────────────────────────────── */
    .ee-check {
      display: flex;
      align-items: center;
      padding-top: 8px;
    }
 
    .ee-check__box {
      position: relative;
      width: 20px; height: 20px;
      flex-shrink: 0;
    }
 
    .ee-check__input {
      appearance: none;
      -webkit-appearance: none;
      width: 20px; height: 20px;
      border-radius: 4px;
      background: var(--surface-container);
      border: 2px solid var(--outline-variant);
      cursor: pointer;
      transition: background .2s, border-color .2s;
    }
 
    .ee-check__input:checked {
      background: var(--accent);
      border-color: var(--accent);
    }
 
    .ee-check__input:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
 
    .ee-check__tick {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 14px; height: 14px;
      pointer-events: none;
      opacity: 0;
      color: #fff;
      transition: opacity .15s;
    }
 
    .ee-check__input:checked ~ .ee-check__tick { opacity: 1; }
 
    .ee-check label {
      margin-left: 12px;
      font-size: 15px;
      font-weight: 500;
      color: var(--on-surface-variant);
      cursor: pointer;
      user-select: none;
      transition: color .2s;
    }
 
    .ee-check label:hover { color: var(--on-surface); }
 
    .ee-check label a {
      color: var(--accent);
      text-decoration: underline;
    }
 
    /* ── Submit button ────────────────────────────────────────────── */
    .ee-btn {
      width: 100%;
      margin-top: 16px;
      background: var(--primary-container);
      color: var(--on-primary-container);
      font-size: 18px;
      font-family: var(--font);
      font-weight: 500;
      padding: 16px;
      border: none;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      cursor: pointer;
      transition: transform .3s, box-shadow .3s;
    }
 
    .ee-btn:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(15,23,42,.18);
    }
 
    .ee-btn:active { transform: scale(.99); }
 
    .ee-btn:focus-visible {
      outline: 2px solid var(--primary-container);
      outline-offset: 2px;
    }
 
    .ee-btn svg {
      width: 20px; height: 20px;
      stroke-width: 2;
      flex-shrink: 0;
    }
 
    /* ── Disclaimer ───────────────────────────────────────────────── */
    .ee-disclaimer {
      margin-top: 32px;
      text-align: center;
      padding: 0 16px;
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
 
    .ee-disclaimer p {
      font-size: 11px;
      line-height: 1.6;
      color: rgba(69,70,77,.8);
      font-weight: 500;
    }
 
    /* ── Footer ───────────────────────────────────────────────────── */
    .ee-footer {
      width: 100%;
      background: var(--surface-container-lowest);
      border-top: 1px solid rgba(198,198,205,.3);
      padding: 32px 24px;
      margin-top: auto;
    }
 
    .ee-footer__inner {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px;
    }
 
    .ee-footer__copy {
      font-size: 11.5px;
      font-weight: 600;
      color: var(--on-surface-variant);
      letter-spacing: .1em;
      text-transform: uppercase;
    }
 
    .ee-footer__links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 32px;
    }
 
    .ee-footer__links a {
      font-size: 14px;
      color: var(--on-surface-variant);
      text-decoration: none;
      transition: color .2s;
    }
 
    .ee-footer__links a:hover { color: var(--on-surface); }
 
    @media (min-width: 768px) {
      .ee-footer__inner {
        flex-direction: row;
        justify-content: space-between;
      }
      .ee-footer__links { gap: 40px; }
    }/* End custom CSS */