*{margin:0;padding:0;box-sizing:border-box}.loading-screen{min-height:100vh;position:relative;background:#0a0a0a;overflow:hidden;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.geometric-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);opacity:.1;animation:floatShape 20s ease-in-out infinite}.shape-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;top:50%;right:-100px;background:linear-gradient(45deg,#f093fb,#f5576c);animation-delay:5s}.shape-3{width:150px;height:150px;bottom:-75px;left:20%;background:linear-gradient(45deg,#4facfe,#00f2fe);animation-delay:10s}.shape-4{width:100px;height:100px;top:30%;left:60%;background:linear-gradient(45deg,#43e97b,#38f9d7);animation-delay:15s}.shape-5{width:250px;height:250px;bottom:20%;right:10%;background:linear-gradient(45deg,#fa709a,#fee140);animation-delay:7s}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-30px) rotate(120deg) scale(1.1)}66%{transform:translateY(-15px) rotate(240deg) scale(.9)}}.floating-particles{width:100%;height:100%;z-index:1;isolation:isolate}.floating-particles,.particle{position:absolute;pointer-events:none}.particle{width:var(--size);height:var(--size);background:#fff;border-radius:50%;opacity:.6;animation:floatParticle var(--animation-duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--left);top:100%;will-change:transform;transform:translateZ(0);backface-visibility:hidden}@keyframes floatParticle{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:.6;transform:translateY(-10px) scale(1)}90%{opacity:.6;transform:translateY(-90vh) scale(1)}to{transform:translateY(-100vh) scale(0);opacity:0}}.floating-particles *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0,rgba(118,75,162,.1) 100%);pointer-events:none}.main-container{z-index:2;min-height:100vh;justify-content:center;padding:40px 20px}.loading-content,.main-container{position:relative;display:flex;flex-direction:column;align-items:center}.loading-content{z-index:10;gap:32px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:48px;box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden;animation:slideInUp 1s ease-out .3s both}.loading-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.loading-animation{display:flex;gap:16px;height:60px;position:relative}.circle{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px rgba(102,126,234,.4);animation:bounce 1.2s cubic-bezier(.19,.57,.3,.98) infinite alternate;position:relative}.circle:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.2))}.circle:nth-child(2){animation-delay:.2s;background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 32px rgba(240,147,251,.4)}.circle:nth-child(3){animation-delay:.4s;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 32px rgba(79,172,254,.4)}.shadow{width:20px;height:6px;border-radius:50%;background:rgba(0,0,0,.2);position:absolute;bottom:-15px;transform:scaleX(.6);animation:shadow 1.2s cubic-bezier(.19,.57,.3,.98) infinite alternate;filter:blur(2px)}.shadow:nth-child(4){left:0}.shadow:nth-child(5){left:36px;animation-delay:.2s}.shadow:nth-child(6){left:72px;animation-delay:.4s}.loading-text{color:#2c3e50;font-size:18px;font-weight:600;letter-spacing:.5px;text-align:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.1)}}@keyframes shadow{0%{transform:scaleX(.6);opacity:.8}to{transform:scaleX(.3);opacity:.4}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.loading-content{padding:32px 24px;margin:20px;border-radius:20px}.loading-animation{transform:scale(.9);gap:12px}.loading-text{font-size:16px}}@media (max-width:480px){.loading-content{padding:24px 20px;gap:24px}.loading-animation{transform:scale(.8);gap:10px}.loading-text{font-size:14px}}.loading-screen *{transition:all .3s cubic-bezier(.4,0,.2,1)}