= * GuinRank Animated Vector Loader * Sequential Letter Wave Loading Animation (G -> u -> i -> n -> R -> a -> n -> k) * Ratio:2048 x 1874 (aspect-ratio:2048 / 1874) * ============================================================================== */ .guinrank-loader{display:inline-block;vertical-align:middle;width:160px;height:auto;aspect-ratio:2048 / 1874;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('/img/guinrank-loader.svg');filter:drop-shadow(0 8px 20px rgba(255,107,0,0.25));transition:transform 0.3s ease,filter 0.3s ease}.guinrank-loader-xs{width:28px}.guinrank-loader-sm{width:44px}.guinrank-loader-md{width:120px}.guinrank-loader-lg{width:220px}.guinrank-loader-xl{width:320px}.guinrank-loader-2xl{width:480px}.guinrank-loader-fluid{width:100%;max-width:100%}.guinrank-loader-hover-glow:hover{filter:drop-shadow(0 0 24px rgba(255,107,0,0.7)) brightness(1.15);transform:translateY(-4px) scale(1.04)}.guinrank-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:999999;transition:background-color 0.3s ease}.guinrank-loading-text{color:#1e293b;font-size:15px;font-weight:600;letter-spacing:0.5px;animation:guinrankPulse 1.8s ease-in-out infinite;transition:color 0.3s ease}[data-theme='dark'] .guinrank-loading-overlay,html[data-theme='dark'] .guinrank-loading-overlay,body[data-theme='dark'] .guinrank-loading-overlay,.dark .guinrank-loading-overlay,.dark-mode .guinrank-loading-overlay{background-color:rgba(6,8,13,0.88)}[data-theme='dark'] .guinrank-loading-text,html[data-theme='dark'] .guinrank-loading-text,body[data-theme='dark'] .guinrank-loading-text,.dark .guinrank-loading-text,.dark-mode .guinrank-loading-text{color:#cbd5e1}[data-theme='sunset'] .guinrank-loading-overlay,[data-theme='sunmoon'] .guinrank-loading-overlay,html[data-theme='sunset'] .guinrank-loading-overlay,body[data-theme='sunset'] .guinrank-loading-overlay,.theme-sunset .guinrank-loading-overlay{background-color:rgba(22,20,18,0.92)}[data-theme='sunset'] .guinrank-loading-text,[data-theme='sunmoon'] .guinrank-loading-text,html[data-theme='sunset'] .guinrank-loading-text,body[data-theme='sunset'] .guinrank-loading-text,.theme-sunset .guinrank-loading-text{color:#fed7aa}.guinrank-loader{filter:drop-shadow(0 8px 24px rgba(0,0,0,0.12));transition:filter 0.3s ease}[data-theme='dark'] .guinrank-loader,html[data-theme='dark'] .guinrank-loader,body[data-theme='dark'] .guinrank-loader,.dark .guinrank-loader,.dark-mode .guinrank-loader{filter:drop-shadow(0 8px 30px rgba(0,0,0,0.45))}[data-theme='sunset'] .guinrank-loader,[data-theme='sunmoon'] .guinrank-loader,html[data-theme='sunset'] .guinrank-loader,body[data-theme='sunset'] .guinrank-loader,.theme-sunset .guinrank-loader{filter:drop-shadow(0 8px 30px rgba(255,107,0,0.25))}@keyframes guinrankPulse{0%,100%{opacity:0.6}50%{opacity:1}}