/* assets/css/analyzer.css: the free website check pop-up (index.php #azModal) in the site's navy + blue
   system. Loaded after the page's own styles, so these rules restyle the older analyzer markup. */

.az-modal-bg{background:rgba(3,12,27,.72);backdrop-filter:blur(6px);}
.az-modal-box{max-width:520px;border-radius:24px;background:radial-gradient(120% 80% at 85% 0%,#12306B 0%,#0A1A3D 46%,#061127 100%);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -30px rgba(0,0,0,.85);animation:azIn .5s var(--ease) both;scrollbar-width:thin;}
@keyframes azIn{from{opacity:0;transform:translateY(18px) scale(.97);}}
.az-modal-box .acard{padding:34px 30px 28px;font-family:var(--f);background:transparent;backdrop-filter:none;}
.az-modal-box .acard::before{display:none;}
.az-modal-x{top:14px;right:14px;width:36px;height:36px;background:rgba(255,255,255,.1);transition:background-color .2s ease,transform .3s var(--ease);}
.az-modal-x:hover{background:rgba(255,255,255,.2);transform:rotate(90deg);}

/* step 1: heading and fields */
.acard-h{text-align:left;margin-bottom:22px;padding-right:40px;}
.acard-h h3{display:flex;align-items:center;gap:12px;font:800 23px/1.15 var(--f);letter-spacing:-.01em;color:#fff;margin:0;}
.acard-h h3 i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;background:rgba(8,102,255,.22);color:#7FB0FF!important;}
.acard-h p{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.68);}
.acard-socials{gap:10px;}
.acard-in input,.acard-in-sm input{width:100%;padding:13px 46px 13px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.97);
  font:500 14.5px/1.2 var(--f);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;}
.acard-in input::placeholder{color:#8792A8;}
.acard-in input:focus{outline:0;border-color:#5B9BFF;box-shadow:0 0 0 4px rgba(8,102,255,.3);}
.acard-in i{right:16px;}
.az-modal:not([hidden]) .acard-socials .acard-in{animation:azRow .5s var(--ease) both;}
.az-modal:not([hidden]) .acard-socials .acard-in:nth-child(2){animation-delay:.05s;}
.az-modal:not([hidden]) .acard-socials .acard-in:nth-child(3){animation-delay:.1s;}
.az-modal:not([hidden]) .acard-socials .acard-in:nth-child(4){animation-delay:.15s;}
.az-modal:not([hidden]) .acard-socials .acard-in:nth-child(5){animation-delay:.2s;}
@keyframes azRow{from{opacity:0;transform:translateY(8px);}}

/* buttons: brand blue with a light sweep */
.acard-btn,.az-gate-btn,.az-opt-btn,.opt-pay-btn{position:relative;overflow:hidden;isolation:isolate;border:0;border-radius:12px;
  background:linear-gradient(135deg,#0866FF,#3D8BFF)!important;font-family:var(--f)!important;font-weight:700;box-shadow:0 14px 30px -12px rgba(8,102,255,.85);}
.acard-btn{padding:15px;font-size:15.5px;}
.acard-btn::after,.az-gate-btn::after,.az-opt-btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);}
.acard-btn:hover::after,.az-gate-btn:hover::after,.az-opt-btn:hover::after{transform:translateX(120%);}
.acard-btn:hover,.az-opt-btn:hover{box-shadow:0 18px 38px -12px rgba(8,102,255,.95);}
.acard-sub{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.55);}

/* step 2: live checks */
#aStep2 > div:first-child{font:700 16px/1.3 var(--f)!important;}
.acheck{gap:12px;padding:10px 12px;border-radius:12px;font-size:14px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);}
.acheck-icon{width:30px;height:30px;border-radius:9px;}
.acheck-icon.ok{background:rgba(34,197,94,.18);color:#4ADE80;}
.acheck-icon.run{background:rgba(8,102,255,.25);color:#7FB0FF;}

/* steps 3 and 4: score, bars, gate */
.az-ring{width:124px;height:124px;}
.az-ring svg{width:100%;height:100%;}
.az-ring-num .n{font-size:32px;font-family:var(--f);}
.az-ring-num .s{font-size:10px;}
.az-bars{gap:10px;}
.az-bar-lbl{font-size:12.5px;font-family:var(--f);}
.az-bar-bg{height:7px;background:rgba(255,255,255,.1);}
.az-gate-overlay{border-radius:20px;background:rgba(6,17,39,.82);}
.az-gate-icon{background:linear-gradient(135deg,#0866FF,#3D8BFF)!important;}
.az-gate-title{font:800 18px/1.25 var(--f);}
.az-gate-sub{font-size:13px;}
.az-gate-inp{border-radius:12px;padding:12px 14px;font:500 14px/1.2 var(--f);}
.az-gate-inp:focus,.az-otp-d:focus{outline:0;border-color:#5B9BFF!important;box-shadow:0 0 0 3px rgba(8,102,255,.3)!important;}
.az-issue{font-size:13px;line-height:1.5;}

/* phones: a bottom sheet with a grab handle */
@media(max-width:640px){
  .az-modal{align-items:flex-end;padding:0;}
  .az-modal-box{max-width:none;max-height:92dvh;border-radius:24px 24px 0 0;border-bottom:0;animation:azSheet .5s var(--ease) both;}
  .az-modal-box::before{content:"";position:sticky;top:8px;display:block;width:42px;height:5px;margin:8px auto -13px;border-radius:99px;background:rgba(255,255,255,.28);z-index:4;}
  .az-modal-box .acard{padding:30px 20px calc(24px + env(safe-area-inset-bottom));}
  .acard-h h3{font-size:21px;}
  @keyframes azSheet{from{transform:translateY(100%);}}
}
@media (prefers-reduced-motion: reduce){
  .az-modal-box,.az-modal:not([hidden]) .acard-socials .acard-in{animation:none!important;}
  .acard-btn::after,.az-gate-btn::after,.az-opt-btn::after{display:none;}
}