/* Styles live inside a shadow root so the active WordPress theme cannot restyle the popup. */
:host { all: initial; }
*, *::before, *::after { box-sizing: border-box; }
#te-popup { font-family: 'Fespa TE Montserrat', Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: normal; text-align: left; letter-spacing: normal; font-style: normal; direction: ltr; border-radius: 0; }
#te-popup:not([open]) { display: none; }
#te-popup button, #te-popup a { -webkit-tap-highlight-color: transparent; }
#te-popup{--te-cyan:#01b6ff;--te-white:#f8f8fc;--te-black:#0a0a0c;color:var(--te-white);background:var(--te-black);border:1px solid #30343c;border-top:3px solid var(--te-cyan);padding:0;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 30px 100px #0009}
    #te-popup::backdrop{background:#10151bd9;backdrop-filter:blur(5px)}
    #te-popup .te-layout{display:grid;grid-template-columns:43% 57%;position:relative}
    #te-popup .te-close{position:absolute;z-index:3;right:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #444852;background:#15181d;color:#e8eaf0;border-radius:50%;cursor:pointer}
    #te-popup .te-close span{position:relative;display:block;width:16px;height:16px}
    #te-popup .te-close span::before,#te-popup .te-close span::after{content:'';position:absolute;top:7px;left:0;width:16px;height:1.5px;background:currentColor;transform:rotate(45deg)}
    #te-popup .te-close span::after{transform:rotate(-45deg)}
    #te-popup .te-close:hover{background:#2b313a;color:#fff}
    #te-popup .te-art{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 49% 48%,#003047 0%,#06121c 47%,#080b10 78%);min-height:558px;border-right:1px solid #202d38;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 22px 42px}
    #te-popup .te-art::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#01b6ff15 1px,transparent 1px),linear-gradient(90deg,#01b6ff15 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 35%,#000 70%,transparent)}
    #te-popup .te-rings{position:absolute;inset:0;z-index:-1;pointer-events:none}
    #te-popup .te-ring{position:absolute;left:50%;top:48%;width:340px;height:340px;border:1px solid #01b6ff47;border-radius:50%;transform:translate(-50%,-50%)}
    #te-popup .te-ring:nth-child(2){width:470px;height:470px;border-color:#01b6ff29}
    #te-popup .te-ring:nth-child(3){width:604px;height:604px;border:24px solid #01b6ff08}
    #te-popup .te-brand{position:absolute;top:38px;left:0;right:0;text-align:center;margin:0;color:#b9c5ce;font-size:10px;font-weight:650;letter-spacing:.2em}
    #te-popup .te-logo{display:block;position:relative;width:100%;max-width:365px;height:auto;filter:drop-shadow(0 18px 20px #0008)}
    #te-popup .te-art-caption{position:absolute;bottom:33px;left:0;right:0;text-align:center;color:#8fa6b4;font-size:10px;letter-spacing:.17em;font-weight:650;margin:0}
    #te-popup .te-content{padding:46px 44px 39px 43px;display:flex;flex-direction:column;justify-content:center}
    #te-popup .te-kicker{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:var(--te-cyan);font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}
    #te-popup .te-kicker::before{content:'';height:2px;width:25px;background:currentColor}
    #te-popup h2{font-family:'Fespa TE Space',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.055em;margin:0;line-height:.99}
    #te-popup .te-heading-start{display:block;font-size:43px}
    #te-popup .te-heading-number{display:block;color:var(--te-cyan);font-size:122px;line-height:.97;letter-spacing:-.075em;margin:0 0 8px -5px}
    #te-popup .te-heading-end{display:block;font-size:27px;line-height:1.08;letter-spacing:-.04em}
    #te-popup .te-description{color:#bec0c9;font-size:15px;line-height:1.75;margin:23px 0 25px}
    #te-popup .te-description strong{font-weight:750;color:var(--te-white)}
    #te-popup .te-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:57px;padding:17px 21px;background:var(--te-cyan);color:var(--te-black);font-size:15px;font-weight:800;text-decoration:none;transition:background .15s}
    #te-popup .te-primary:hover{background:#40caff}
    #te-popup .te-arrow{font-family:Arial,sans-serif;font-weight:400;font-size:26px;line-height:18px}
    #te-popup .te-secondary{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:7px;color:#b9bbc4;font-size:12px;font-weight:550;text-decoration:underline;text-decoration-color:#5b626d;text-underline-offset:4px}
    #te-popup .te-secondary:hover{color:#fff;text-decoration-color:var(--te-cyan)}
    #te-popup :focus-visible{outline:3px solid #ffe100;outline-offset:4px}
    @media(max-width:720px){
      #te-popup{width:min(430px,calc(100vw - 24px));max-height:calc(100svh - 24px)}
      #te-popup .te-layout{grid-template-columns:1fr}
      #te-popup .te-art{min-height:0;height:206px;padding:10px 24px 6px;border-right:0;border-bottom:1px solid #203342}
      #te-popup .te-logo{width:192px}
      #te-popup .te-brand,#te-popup .te-art-caption{display:none}
      #te-popup .te-ring{width:245px;height:245px}
      #te-popup .te-ring:nth-child(2){width:345px;height:345px}
      #te-popup .te-ring:nth-child(3){width:465px;height:465px;border-width:15px}
      #te-popup .te-close{top:10px;right:10px}
      #te-popup .te-content{padding:25px 26px 22px}
      #te-popup .te-kicker{font-size:10px;margin-bottom:16px}
      #te-popup .te-heading-start{font-size:31px}
      #te-popup .te-heading-number{font-size:88px;margin:0 0 5px -3px}
      #te-popup .te-heading-end{font-size:21px}
      #te-popup .te-description{font-size:13px;line-height:1.7;margin:18px 0 20px}
      #te-popup .te-primary{font-size:14px;min-height:54px;padding:16px 19px}
      #te-popup .te-secondary{margin-top:5px;font-size:11px}
    }
    @media(max-width:720px) and (max-height:700px){
      #te-popup .te-art{height:140px}
      #te-popup .te-logo{width:130px}
      #te-popup .te-content{padding:20px 24px 14px}
      #te-popup .te-kicker{display:none}
      #te-popup .te-heading-number{font-size:76px}
      #te-popup .te-description{margin:16px 0}
    }
    @media(prefers-reduced-motion:reduce){#te-popup .te-primary{transition:none}}