.variant21-loader-container{background-color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.variant21-loader-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(0,0,0,.02) 0,transparent 60%);animation:slowRotate 20s linear infinite}.variant21-loader-container .glow-bg{position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(0,150,255,.15) 0,rgba(255,255,255,0) 70%);z-index:0;animation:pulseGlow 4s ease-in-out infinite}.variant21-loader-container .ring-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,150,255,.1);z-index:1;pointer-events:none}.variant21-loader-container .ring-circle.ring-circle-1{width:220px;height:220px;border-top:2px solid var(--primary-bg-light);border-bottom:2px solid var(--primary-bg-light);animation:spinSlow 10s linear infinite}.variant21-loader-container .ring-circle.ring-circle-2{width:280px;height:280px;border-left:2px solid var(--primary-bg-light);border-right:2px solid var(--primary-bg-light);animation:spinReverseSlow 15s linear infinite}.variant21-loader-container .sparkle{position:absolute;background:#0096ff;border-radius:50%;opacity:0;box-shadow:0 0 10px 2px rgba(0,150,255,.6);z-index:2;pointer-events:none}.variant21-loader-container .sparkle.s1{top:15%;left:15%;width:3px;height:3px;animation:floatUp 3s infinite}.variant21-loader-container .sparkle.s2{bottom:25%;right:20%;width:4px;height:4px;animation:floatUp 4s 1s infinite}.variant21-loader-container .sparkle.s3{top:10%;right:25%;width:2px;height:2px;animation:floatUp 2.5s .5s infinite}.variant21-loader-container .sparkle.s4{bottom:15%;left:25%;width:3px;height:3px;animation:floatUp 3.5s 1.5s infinite}.variant21-loader-container .loader-content{position:relative;z-index:10;text-align:center;max-width:600px;padding:0 2rem}.variant21-loader-container .diamond-wrapper{position:relative;width:140px;height:180px;margin:0 auto 3rem;display:flex;align-items:center;justify-content:center}.variant21-loader-container .diamond-wrapper .pulse-ring{position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:50%;animation:ringPulse 2.5s cubic-bezier(.45,0,.55,1) infinite;z-index:5}.variant21-loader-container .diamond-wrapper .pulse-ring.r1{width:100%;height:100%;animation-delay:0s}.variant21-loader-container .diamond-wrapper .pulse-ring.r2{width:140%;height:140%;animation-delay:.5s;opacity:0}.variant21-loader-container .diamond-wrapper .ring-assembly{position:relative;width:140px;height:160px;display:flex;justify-content:center;align-items:center;z-index:10;animation:floatRing 3s ease-in-out infinite}.variant21-loader-container .diamond-wrapper .ring-assembly .diamond{position:absolute;top:-7px;width:65px;height:auto;z-index:12}.variant21-loader-container .diamond-wrapper .ring-assembly .diamond .diamond-svg{width:100%;height:auto;filter:drop-shadow(0 0 12px rgba(0,150,255,.4))}.variant21-loader-container .diamond-wrapper .ring-assembly .diamond .diamond-svg .diamond-shine{transform:translateX(-5px);animation:diamondSparkle 1.2s ease-in-out infinite}@keyframes diamondSparkle{0%{opacity:.3;transform:translateX(64px)}50%{opacity:.1}to{opacity:1;transform:translateX(-15px)}}.variant21-loader-container .diamond-wrapper .ring-assembly .ring-band{position:absolute;bottom:0;width:120px;height:120px;border:8px solid silver;border-radius:50%;background:rgba(0,0,0,0);box-shadow:0 0 20px rgba(192,192,192,.3),inset 0 0 10px rgba(192,192,192,.2);z-index:8}.variant21-loader-container .diamond-wrapper .ring-assembly .ring-band:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 30%,transparent 70%,rgba(0,0,0,.1));z-index:9}.variant21-loader-container .diamond-wrapper .diamond-icon{display:none;width:60px;height:60px;fill:#000;animation:diamondShimmer 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(0,0,0,.1))}.variant21-loader-container .brand-text{font-size:1.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.5rem;color:#1a1a1a;position:relative;display:inline-block;z-index:20}.variant21-loader-container .brand-text:after{content:"";position:absolute;bottom:-4px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#000,transparent);opacity:.3}.variant21-loader-container .tagline{font-size:.9rem;color:#666;letter-spacing:4px;text-transform:uppercase;margin-bottom:3rem;z-index:20;position:relative}.variant21-loader-container .quote-container{min-height:80px;margin-bottom:2rem;position:relative;z-index:20}.variant21-loader-container .quote-container .quote-text{font-size:1.1rem;color:#333;line-height:1.6;font-style:italic;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px)}.variant21-loader-container .quote-container .quote-text.visible{opacity:1;transform:translateY(0)}.variant21-loader-container .quote-container .quote-text.fading{opacity:0;transform:translateY(-10px)}.variant21-loader-container .loading-bar-wrapper{width:200px;height:2px;background:rgba(0,0,0,.05);margin:0 auto;position:relative;overflow:hidden;border-radius:2px;z-index:20}.variant21-loader-container .loading-bar-wrapper .loading-progress{position:absolute;width:40%;height:100%;background:#000;animation:progressMove 1.5s ease-in-out infinite}@keyframes diamondShimmer{0%,to{transform:scale(.95);filter:drop-shadow(0 0 5px rgba(0,0,0,.05))}50%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(0,0,0,.15))}}@keyframes ringPulse{0%{transform:scale(.5);opacity:0}50%{opacity:.3}to{transform:scale(1.2);opacity:0}}@keyframes progressMove{0%{left:-40%}to{left:100%}}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinDiamond{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes floatRing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinReverseSlow{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:1}to{transform:translateY(-40px) scale(0);opacity:0}}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.4}50%{transform:scale(1.1);opacity:.7}to{transform:scale(.9);opacity:.4}}