*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;font-family:Arial,sans-serif;color:#fff;background:#000;min-height:100%;width:100%;overflow-x:hidden}.container{position:relative;min-height:100vh;width:100%;background-image:url(/fundo-offshore.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px 120px;background-color:#0009;background-blend-mode:overlay;z-index:2;overflow:visible}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.1) 0%,transparent 20%);background-size:100px 100px;opacity:.5;z-index:1;pointer-events:none}.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:10px 100%;z-index:1;opacity:.3;animation:moveLines 3s linear infinite}@keyframes moveLines{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.logo{width:600px;height:auto;margin-bottom:35px;max-width:90%;transition:opacity .3s ease;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));z-index:2}.tagline{font-size:3.2rem;font-weight:700;letter-spacing:4px;margin-bottom:30px;text-transform:uppercase;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,1);z-index:2}.countdown{display:flex;gap:16px;margin-top:30px;justify-content:center;align-items:center;width:100%;max-width:90%;padding:0 10px;flex-wrap:wrap}.time-segment{background:#000000d9;border-radius:10px;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700;line-height:1.1;text-shadow:0 0 12px rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15);transition:all .3s ease;box-shadow:0 6px 18px #0009;text-align:center;color:#fff;overflow:hidden}.time-label{font-size:.75rem;color:#ddd;margin-top:6px;text-transform:uppercase;letter-spacing:1.3px}@media (max-width: 768px){.logo{width:400px}.tagline{font-size:2.4rem}.countdown{gap:16px}.time-segment{width:90px;height:90px;font-size:2.2rem}.time-label{font-size:.7rem}}@media (max-width: 480px){.countdown{flex-direction:column;gap:14px;margin-top:20px;width:100%;justify-content:center;align-items:center}.time-segment{width:100px;height:100px;font-size:2.2rem}.time-label{font-size:.7rem}.tagline{font-size:2rem;letter-spacing:2px}.logo{max-width:300px;margin-bottom:20px}}@media (max-height: 800px){.container{padding:60px 10px 10px;justify-content:flex-start}.logo{width:450px}.tagline{font-size:2.6rem}.time-segment{width:100px;height:100px;font-size:2.4rem}}@media (max-height: 700px){.container{padding-top:80px;padding-bottom:60px}.logo{width:400px;margin-bottom:25px}.tagline{font-size:2.4rem;margin-bottom:20px}.countdown{margin-top:20px}.time-segment{width:90px;height:90px;font-size:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.9;transform:scale(1)}}