/*========================================================================

TENET SOLUTIONS FRAMEWORK

--------------------------------------------------------------------------

Project     : Tenet Solutions Website
File        : preloader.css
Author      : Tenet Solutions (Technical Partner & Solutions Architect)
Signature   : Designed & Engineered with Intent.

All Rights Reserved. Copyright 2026

========================================================================*/

#ts-preloader{

position:fixed;

inset:0;

background:#010d23;

display:flex;

justify-content:center;

align-items:center;

z-index:99999;

transition:opacity .8s ease,
visibility .8s ease;

}

#ts-preloader.hidden{

opacity:0;

visibility:hidden;

}

.ts-loader{

text-align:center;

width:min(420px,90%);

}

.ts-loader-logo{

width:400px;

margin:auto;

animation:logoFloat 3s ease-in-out infinite;

filter:drop-shadow(0 0 25px rgba(146,215,248,.35));

}

.ts-loader-tagline{

margin:35px 0;

display:flex;

justify-content:center;

gap:12px;

font-weight:600;

font-size:.95rem;

letter-spacing:.08em;

text-transform:uppercase;

color:#92d7f8;

}

.ts-loader-tagline span{

opacity:0;

animation:fadeWords .5s forwards;

}

.ts-loader-tagline span:nth-child(1){

animation-delay:.3s;

}

.ts-loader-tagline span:nth-child(2){

animation-delay:.7s;

}

.ts-loader-tagline span:nth-child(3){

animation-delay:1.1s;

}

.ts-loader-bar{

height:3px;

background:rgba(255,255,255,.08);

border-radius:20px;

overflow:hidden;

}

.ts-loader-bar span{

display:block;

height:100%;

width:0;

background:linear-gradient(
90deg,
#92d7f8,
#63bde8);

animation:loading 2s ease forwards;

}

@keyframes loading{

to{

width:100%;

}

}

@keyframes fadeWords{

to{

opacity:1;

}

}

@keyframes logoFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

}