.pct-loading {position: relative;width: 100%;height: 100%;min-height: 160px;display: flex;align-items: center;justify-content: center;z-index: 10;}
.pct-loading--fullscreen {position: fixed;inset: 0;width: 100vw;height: 100vh;background: rgba(255,255,255,0.92);z-index: 9999;}
.pct-loading--overlay {position: absolute;inset: 0;background: rgba(255,255,255,0.86);z-index: 99;}
.pct-loading--relative {background: transparent;}
.pct-loading__panel {width: 366px;padding: 18px 18px 14px;border-radius: 14px;display: flex;flex-direction: column;align-items: center;}
.pct-loading__ring {width: 90px;height: 90px;border-radius: 999px;border: 5px solid rgba(0,0,0,0.06);border-top-color: rgba(18,57,244,0.9);animation: pct-spin 1.1s linear infinite;}
@keyframes pct-spin { to { transform: rotate(360deg); } }
.pct-loading__percent {margin-top: 10px;font-size: 36px;font-weight: 700;color: #002f67;letter-spacing: -0.02em;margin-left: 20px;}
.pct-loading__sign {font-size: 18px;font-weight: 700;margin-left: 2px;font-size: 24px;}
.pct-loading__bar{width: 100%;height: 36px;margin-top: 14px;padding: 9px 13px;border-radius: 10px;box-sizing: border-box;background: linear-gradient(90deg,#123eff,#6f54fa);}
.pct-loading__barFill{height: 100%;width: 0%;border-radius: 8px;background-image: url("/frontend/web/images/icon_stripe.png");background-repeat: repeat-x;background-size: 20px 100%;animation: stripeMove 0.6s linear infinite;transition: width 120ms linear;}
.pct-loading__hint {margin-top: 10px;font-size: 13px;color: rgba(0,0,0,0.45);}
.loading-spinner { position: relative; width: 95px; height: 95px; display: flex; justify-content: center; align-items: center; }
.loading-border { position: absolute; top: 0; left: 0; width: 90px; height: 90px; border: 3px solid transparent; border-top: 3px solid #1239f4; border-right: 3px solid #1239f4; border-bottom: 3px solid #1239f4; border-radius: 50%; animation: loading-spin 1.5s  infinite; }
.loading-logo { position: relative; z-index: 1; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; }
.loading-logo img { max-width: 100%; max-height: 100%; object-fit: contain;width: 100%; }
@keyframes loading-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* show/hide */
.pct-loading--hidden { display: none; }
.pct-loading--fade-in  { animation: pctFadeIn 0.25s ease-out; }
.pct-loading--fade-out { animation: pctFadeOut 0.25s ease-in; }
@keyframes pctFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes pctFadeOut { from { opacity: 1; } to { opacity: 0; } }

/* @media (max-width: 768px) { .loading-spinner { width: 69px; height: 69px; } .loading-border { width: 65px; height: 65px; border-width: 2px; border-top: 2px solid #1239f4; border-right: 2px solid #1239f4; border-bottom: 2px solid #1239f4; } .loading-logo { width: 50px; height: 50px; } }
@media (max-width: 480px) { .loading-spinner { width: 55px; height: 55px; } .loading-border { width: 50px; height: 50px; } .loading-logo { width: 40px; height: 40px; } } */