*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#f0f0f0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;overflow:hidden}.container{max-width:480px;background:#ffffff1a;padding:40px 30px;border-radius:12px;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1.2s ease forwards}h1{font-size:2.8rem;margin-bottom:.5em;color:#fff}p{font-size:1.2rem;margin-bottom:2em;line-height:1.5;color:#ddd}.logo{max-width:120px;margin:0 auto 1.5em;display:block;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));animation:pulse 2.5s infinite ease-in-out}.spinner{margin:0 auto;width:50px;height:50px;border:6px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}50%{filter:drop-shadow(0 0 16px rgba(255,255,255,1))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.container{padding:30px 20px}h1{font-size:2rem}p{font-size:1rem}}