*{margin:0;padding:0;box-sizing:border-box}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1)}#loading-screen.fade-out{opacity:0}.loading-container{text-align:center;max-width:400px}.brand{font-size:2rem;font-weight:700;color:#6366f1;margin-bottom:40px;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.brand-logo{height:80px;width:auto;margin-bottom:10px}.spinner-container{position:relative;width:60px;height:60px;margin:0 auto 30px}.spinner{width:60px;height:60px;border:3px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1rem;color:#6b7280;font-weight:500;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot{width:8px;height:8px;background:#d1d5db;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{background:#d1d5db;transform:scale(1)}50%{background:#6366f1;transform:scale(1.2)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:#1f2937;line-height:1.6}.main-content{max-width:1200px;margin:0 auto;padding:80px 20px;opacity:0;animation:fadeInContent 1s ease-out .5s forwards}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;margin-bottom:80px}.hero h1{font-size:3.5rem;font-weight:700;color:#111827;margin-bottom:20px;letter-spacing:-.03em;line-height:1.1}.hero h1 em{color:#6366f1;font-style:italic}.hero p{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto 40px}.cta-button{display:inline-block;background:#6366f1;color:#fff;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px -1px #6366f14d}.cta-button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}@media(max-width:768px){.brand{font-size:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.main-content{padding:60px 20px}}@media(max-width:480px){.brand{font-size:1.25rem}.spinner,.spinner-container{width:50px;height:50px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.cta-button{padding:14px 28px;font-size:.95rem}}