:root { color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #183348; background: #03182b; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100vh; min-height: 100svh; padding: 48px 20px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(115deg,rgba(0,12,24,.15),rgba(0,12,24,.05)), url('/assets/techface-fundo.jpg') center / cover fixed; }
.glass { width: min(100%, 620px); padding: 46px 52px 30px; text-align: center; background: rgba(255,255,255,.86); border: 1px solid rgba(255,255,255,.78); border-radius: 28px; box-shadow: 0 28px 90px rgba(0,0,0,.35), inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.logo { display: block; width: min(100%,280px); height: auto; margin: 0 auto; }
.divider { width: 42px; height: 3px; border-radius: 10px; background: #00a5ce; margin: 27px auto 24px; }
.eyebrow { margin: 0 0 15px; color: #426072; font-size: 11px; font-weight: 700; letter-spacing: .2em; }
h1 { font-size: clamp(30px, 4.6vw, 43px); line-height: 1.12; font-weight: 720; letter-spacing: -.045em; margin: 0 0 21px; }
h1 span { color: #007fa4; }
.description { margin: 0; color: #415969; font-size: 15px; line-height: 1.75; }
a { color: inherit; }
.address { display: inline-flex; align-items: center; justify-content: center; gap: 10px; max-width: 100%; margin: 22px 0 24px; font-size: 15px; font-weight: 600; color: #006586; text-decoration: none; overflow-wrap: anywhere; }
.address:hover { text-decoration: underline; }
.primary { display: flex; align-items: center; justify-content: center; gap: 22px; width: 100%; min-height: 54px; padding: 14px 20px; border-radius: 12px; background: #007da4; color: #fff; text-decoration: none; font-size: 16px; font-weight: 650; box-shadow: 0 6px 16px rgba(0,105,145,.2); transition: background .15s, transform .15s; }
.primary:hover { background: #006787; transform: translateY(-1px); }
.primary span { font-size: 23px; line-height: 1; }
.automatic { margin-top: 27px; }
.countdown { display: flex; gap: 13px; align-items: center; justify-content: center; text-align: left; }
.number { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(0,115,155,.24); color: #006b8c; background: rgba(255,255,255,.35); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.countdown p { margin: 0; font-size: 13px; font-weight: 600; }
.countdown .timer-detail { margin-top: 5px; font-size: 12px; color: #48616f; font-weight: 400; }
.track { height: 3px; background: rgba(0,98,134,.12); border-radius: 10px; margin: 17px 0 4px; overflow: hidden; }
.fill { height: 100%; width: 100%; background: #009bc5; transform-origin: left; }
.pause { padding: 12px 20px; min-height: 44px; border: 0; background: transparent; color: #35586c; font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.bookmark { border-top: 1px solid rgba(30,62,82,.13); padding-top: 20px; margin: 14px 0 0; color: #4b6371; font-size: 12px; }
footer { margin-top: 24px; text-align: center; color: #c2d3e0; font-size: 11px; letter-spacing: .06em; line-height: 1.8; }
footer span { margin: 0 7px; color: #36c2e7; }
:focus-visible { outline: 3px solid #005d85; outline-offset: 5px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.no-script { font-size: 13px; }
@media (max-width: 540px) { body { padding: 24px 16px; background-attachment: scroll; } .glass { padding: 32px 22px 24px; border-radius: 22px; } .logo { width: 235px; } .desktop-break { display: none; } .description { font-size: 14px; } .address { font-size: 14px; gap: 5px; } footer { max-width: 280px; font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } }