*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1512453979798-5ea266f8880c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;color:#fff;overflow-x:hidden;filter:grayscale(100%)}#app{min-height:100vh;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;padding:2rem;text-align:center}.content{background:#ffffff05;backdrop-filter:blur(20px);border-radius:20px;padding:3rem 2rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 45px #0000004d}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.logo-image{height:80px;width:auto;filter:drop-shadow(0 0 20px rgba(0,212,255,.3));animation:logoGlow 3s ease-in-out infinite alternate;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.slogan{margin-bottom:2.5rem;padding:1.5rem;border-left:4px solid #00d4ff;background:#00d4ff0d;border-radius:0 10px 10px 0;animation:sloganFade 2s ease-in-out}.slogan-text{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:.5rem;font-style:italic;text-shadow:0 0 15px rgba(255,255,255,.3)}.slogan-subtitle{font-size:1rem;color:#00d4ff;font-weight:400;opacity:.9;animation:subtitlePulse 3s ease-in-out infinite}.main-content h2{font-size:3rem;font-weight:600;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.main-content p{font-size:1.2rem;color:#e0e0e0;margin-bottom:2rem;line-height:1.6}.progress-bar{width:100%;max-width:400px;height:8px;background:#fff3;border-radius:10px;margin:0 auto 2rem;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#4ecdc4,#ff6b6b);border-radius:10px;width:75%;animation:progress 2s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.status{font-size:1.1rem;color:#00d4ff;font-weight:500;margin-bottom:3rem;animation:pulse 2s ease-in-out infinite}.contact-info{margin-bottom:3rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:all .3s ease;max-width:400px;width:100%}.contact-item:hover{background:#00d4ff1a;border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 10px 20px #00d4ff33}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00d4ff33;border-radius:50%;flex-shrink:0}.contact-details{flex:1;text-align:left}.contact-label{font-size:.9rem;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.contact-value{font-size:1rem;color:#fff;font-weight:400;line-height:1.4}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.social-link{color:#fff;text-decoration:none;padding:.8rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:25px;transition:all .3s ease;font-weight:500;background:#ffffff1a;display:flex;align-items:center;gap:.5rem}.social-link:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-3px);box-shadow:0 10px 20px #00d4ff4d}.social-icon{font-size:1.2rem;display:inline-block;transition:transform .3s ease}.facebook-icon{display:flex;align-items:center;justify-content:center}.facebook-icon svg{width:1.2rem;height:1.2rem;transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.2)}.social-link:hover .facebook-icon svg{transform:scale(1.2)}@keyframes logoGlow{0%{filter:drop-shadow(0 0 20px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 40px rgba(0,212,255,.6))}}@keyframes textGlow{0%{text-shadow:0 0 20px rgba(0,212,255,.8)}to{text-shadow:0 0 30px rgba(0,212,255,1)}}@keyframes sloganFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitlePulse{0%,to{opacity:.9}50%{opacity:.6}}@keyframes progress{0%,to{width:75%}50%{width:85%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.container{padding:1rem}.content{padding:2rem 1.5rem}.logo{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.logo-image{height:60px}.slogan{margin-bottom:2rem;padding:1rem}.slogan-text{font-size:1.4rem}.slogan-subtitle{font-size:.9rem}.main-content h2{font-size:2.5rem}.main-content p{font-size:1rem}.social-links{gap:1rem}.social-link{padding:.6rem 1.2rem;font-size:.9rem}.social-icon{font-size:1rem}.facebook-icon svg{width:1rem;height:1rem}.contact-info{margin-bottom:2rem;gap:1rem}.contact-item{padding:.8rem 1.2rem;max-width:350px}.contact-icon{font-size:1.2rem;width:35px;height:35px}.contact-label{font-size:.8rem}.contact-value{font-size:.9rem}}@media (max-width: 480px){.logo-image{height:50px}.slogan-text{font-size:1.2rem}.main-content h2{font-size:2rem}.content{padding:1.5rem 1rem}.contact-item{padding:.7rem 1rem;max-width:300px}.contact-icon{font-size:1rem;width:30px;height:30px}.contact-label{font-size:.7rem}.contact-value{font-size:.8rem}.social-links{flex-direction:column;align-items:center}.social-link{width:200px;text-align:center}.social-icon{font-size:.9rem}.facebook-icon svg{width:.9rem;height:.9rem}}@media (max-width: 320px){.logo-text h1{font-size:1.5rem}.slogan-text{font-size:1rem}.main-content h2{font-size:1.5rem}.main-content p{font-size:.9rem}}