ABIMP-Associação Brasileira de Importadores <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #0f172a; /* Azul marinho profundo */ color: #f8fafc; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; } .container { padding: 2rem; max-width: 600px; width: 90%; } .logo-placeholder { width: 150px; height: 150px; background-color: #1e293b; border: 2px dashed #38bdf8; border-radius: 15px; margin: 0 auto 2rem; display: flex; justify-content: center; align-items: center; color: #38bdf8; font-weight: bold; transition: transform 0.3s ease; } /* Quando você tiver a imagem, use esta classe no <img> */ .logo-img { max-width: 200px; height: auto; margin-bottom: 2rem; } h1 { font-size: 2.5rem; margin-bottom: 1rem; letter-spacing: -1px; } p { font-size: 1.1rem; color: #94a3b8; line-height: 1.6; margin-bottom: 2rem; } .loader { width: 50px; height: 50px; border: 5px solid #1e293b; border-top: 5px solid #38bdf8; border-radius: 50%; margin: 0 auto; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 480px) { h1 { font-size: 1.8rem; } p { font-size: 1rem; } } </style> </head> <body> <div class="container"> <div class="logo-placeholder"> ABIMP </div> <h1>Estamos chegando.</h1> <p>A <strong>ABIMP</strong> está preparando algo incrível para você. No momento, nosso Site está passando por melhorias técnicas.</p> <div class="loader"></div> </div> </body> </html>