/* AfghanZone PWA Launch Splash V1.0.0
   Frontend-only visual layer. No routing, auth, backend, cache or service-worker logic. */
.az-pwa-launch-splash{display:none}

html.az-pwa-standalone-launch .az-pwa-launch-splash{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 33%,rgba(45,126,247,.22),transparent 34%),
        radial-gradient(circle at 18% 78%,rgba(21,172,117,.16),transparent 31%),
        linear-gradient(155deg,#07111f 0%,#091a2c 48%,#07111f 100%);
    color:#fff;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    -webkit-font-smoothing:antialiased;
    animation:azPwaSplashFailsafe 3.2s ease forwards;
}

.az-pwa-launch-splash::before{
    content:"";
    position:absolute;
    inset:-35%;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:34px 34px;
    transform:perspective(700px) rotateX(62deg) translateY(18%);
    transform-origin:center;
    opacity:.42;
}

.az-pwa-launch-ambient{
    position:absolute;
    width:18rem;
    height:18rem;
    border-radius:999px;
    filter:blur(55px);
    opacity:.22;
    animation:azPwaAmbient 2.4s ease-in-out infinite alternate;
}
.az-pwa-launch-ambient-one{background:#2c7df0;top:-7rem;right:-5rem}
.az-pwa-launch-ambient-two{background:#17a873;bottom:-8rem;left:-5rem;animation-delay:.25s}

.az-pwa-launch-content{
    position:relative;
    z-index:2;
    width:min(82vw,360px);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    transform:translateY(-1.5vh);
}

.az-pwa-launch-mark{
    position:relative;
    width:178px;
    height:178px;
    display:grid;
    place-items:center;
    animation:azPwaMarkIn .72s cubic-bezier(.16,1,.3,1) both;
}

.az-pwa-launch-logo-frame{
    position:relative;
    z-index:5;
    width:126px;
    height:126px;
    padding:7px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:31px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:
        0 24px 65px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.14),
        0 0 42px rgba(51,135,246,.24);
}
.az-pwa-launch-logo-frame::after{
    content:"";
    position:absolute;
    inset:-60% -25%;
    background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.72) 50%,transparent 58%);
    transform:translateX(-80%) rotate(8deg);
    animation:azPwaLogoSheen 1.8s .45s ease-in-out both;
    pointer-events:none;
}
.az-pwa-launch-logo-frame img{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:24px;
    display:block;
}

.az-pwa-launch-ring{
    position:absolute;
    inset:12px;
    border-radius:999px;
    border:1px solid rgba(98,169,255,.45);
    box-shadow:0 0 28px rgba(47,128,237,.12);
}
.az-pwa-launch-ring-one{animation:azPwaRingPulse 1.8s ease-out infinite}
.az-pwa-launch-ring-two{inset:2px;border-color:rgba(49,192,134,.28);animation:azPwaRingPulse 1.8s .48s ease-out infinite}
.az-pwa-launch-orbit{
    position:absolute;
    inset:0;
    border-radius:999px;
    border:1px solid transparent;
    border-top-color:rgba(255,255,255,.72);
    border-right-color:rgba(65,154,255,.28);
    animation:azPwaOrbit 2.6s linear infinite;
}
.az-pwa-launch-orbit::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    top:14px;
    right:26px;
    background:#fff;
    box-shadow:0 0 14px rgba(86,164,255,.95);
}

.az-pwa-launch-wordmark{margin-top:18px;animation:azPwaTextIn .62s .2s ease both}
.az-pwa-launch-wordmark strong{
    display:block;
    font-family:Tahoma,Arial,sans-serif;
    font-size:24px;
    line-height:1.25;
    letter-spacing:.15px;
    font-weight:900;
    color:#fff;
    text-shadow:0 7px 24px rgba(0,0,0,.28);
}
.az-pwa-launch-wordmark span{
    display:block;
    margin-top:7px;
    font-family:Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:3.1px;
    color:rgba(216,231,248,.68);
}

.az-pwa-launch-progress{
    position:relative;
    width:112px;
    height:3px;
    margin-top:26px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(255,255,255,.1);
    animation:azPwaTextIn .55s .35s ease both;
}
.az-pwa-launch-progress span{
    position:absolute;
    inset:0 auto 0 0;
    width:42%;
    border-radius:inherit;
    background:linear-gradient(90deg,rgba(55,145,255,.4),#fff,rgba(38,188,129,.55));
    box-shadow:0 0 12px rgba(255,255,255,.32);
    animation:azPwaProgress 1.15s ease-in-out infinite;
}

html.az-pwa-standalone-launch .az-pwa-launch-splash.az-pwa-launch-splash--leaving{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .42s ease,visibility .42s step-end;
}
html.az-pwa-standalone-launch .az-pwa-launch-splash.az-pwa-launch-splash--leaving .az-pwa-launch-content{
    transform:translateY(-1.5vh) scale(.965);
    filter:blur(1.5px);
    transition:transform .42s ease,filter .42s ease;
}

@keyframes azPwaMarkIn{
    0%{opacity:0;transform:scale(.72) translateY(12px)}
    60%{opacity:1;transform:scale(1.035) translateY(0)}
    100%{opacity:1;transform:scale(1)}
}
@keyframes azPwaTextIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes azPwaRingPulse{0%{opacity:.76;transform:scale(.84)}70%,100%{opacity:0;transform:scale(1.12)}}
@keyframes azPwaOrbit{to{transform:rotate(360deg)}}
@keyframes azPwaAmbient{from{transform:translate3d(-8px,-5px,0) scale(.96)}to{transform:translate3d(8px,7px,0) scale(1.05)}}
@keyframes azPwaLogoSheen{0%{transform:translateX(-100%) rotate(8deg)}55%,100%{transform:translateX(105%) rotate(8deg)}}
@keyframes azPwaProgress{0%{left:-48%}55%{left:58%}100%{left:112%}}
@keyframes azPwaSplashFailsafe{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}

@media (prefers-reduced-motion:reduce){
    .az-pwa-launch-splash,
    .az-pwa-launch-splash *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
    html.az-pwa-standalone-launch .az-pwa-launch-splash{animation:azPwaSplashFailsafe 1.4s linear forwards!important}
}
