:root{color-scheme:dark;--ink:#eaf8ff;--muted:#87a9bf;--aqua:#65dbef}*{box-sizing:border-box}body{margin:0;background:#031b32;color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100svh;overflow-x:hidden}.page{max-width:1600px;margin:auto;min-height:100svh;padding:38px 6% 25px;display:flex;flex-direction:column;position:relative;z-index:2}.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 33%,#07587966,transparent 50%),linear-gradient(120deg,#03182d,#052f4b 60%,#03233d)}.atmosphere:after{content:'';position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.light{position:absolute;width:18%;height:120%;top:-40%;background:linear-gradient(#6ce0ff18,transparent);filter:blur(24px);transform:rotate(28deg);animation:light-drift 18s ease-in-out infinite alternate}.light-one{left:42%}.light-two{left:70%;width:8%;animation-delay:-8s}.water-lines{position:absolute;width:1000px;height:1000px;border:1px solid #7fdfff06;border-radius:50%;top:-570px;right:-130px;box-shadow:0 0 0 75px #7fdfff03,0 0 0 150px #7fdfff03,0 0 0 225px #7fdfff03}.header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:15px;letter-spacing:3px;font-weight:700}.brand-mark{width:40px;height:46px;display:grid;place-items:center}.brand-mark svg{width:31px;color:var(--aqua)}.brand-sub{display:block;font-size:9px;letter-spacing:4px;margin-top:5px;font-weight:500}.header-right{display:flex;align-items:center;gap:27px}.live-label{font-size:10px;letter-spacing:2px;color:#b3d7e6;display:flex;align-items:center;gap:9px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua)}.live-label i{box-shadow:0 0 12px #68dbed80;animation:pulse 3s infinite}button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #92d3e326;border-radius:9px;background:#ffffff04;color:#b7d7e4;cursor:pointer}button:hover{background:#ffffff12;border-color:#65dbef80}button:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}button svg{width:17px}main{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:7%;flex:1;padding:80px 0 60px}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:600;color:var(--aqua);display:flex;align-items:center;gap:12px}.eyebrow>span{width:26px;height:1px;background:var(--aqua)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,9.6vw,155px);line-height:.95;letter-spacing:-2px;font-weight:700;margin:28px 0 28px;text-shadow:0 5px 40px #8cdeff15}h1>span{display:block;font-family:'Allura',cursive;font-weight:400;color:var(--aqua);font-size:.69em;line-height:.8;letter-spacing:-2px;padding-left:38px;margin-top:2px;transform:rotate(-6deg);white-space:nowrap}.intro{font-size:15px;line-height:1.9;color:#b5cbd8;margin:38px 0 31px}.event-details{display:flex;gap:28px}.detail{display:flex;gap:11px;align-items:center}.detail+.detail{border-left:1px solid #89c9df25;padding-left:28px}.detail svg{width:24px;height:24px;color:var(--aqua)}.detail span{font-size:12px;letter-spacing:1px;font-weight:700}.detail small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.counter-panel{position:relative;isolation:isolate;border:1px solid #57c2df60;border-radius:22px;background:linear-gradient(145deg,#0b507366,#03243dda 65%);box-shadow:0 24px 80px #0003,inset 0 1px #bcf4ff20;overflow:hidden;animation:arrive 1s ease-out}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #8bd4ef13}.panel-top>span{display:flex;align-items:center;gap:9px;color:#b1d6e6;font-size:9px;letter-spacing:1.8px}.panel-top i{width:4px;height:4px}.panel-top svg{width:18px;color:#72c1d8}.counter-body{text-align:center;padding:12px 24px 44px}.number-wrap{height:190px;display:grid;place-items:center;position:relative}#counter{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10vw,156px);font-weight:700;letter-spacing:1px;line-height:1;background:linear-gradient(#fff 35%,#a9edff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 20px #58d8ff35)}.empty-water{display:flex;gap:12px;position:absolute}.empty-water span{height:2px;width:35px;background:#78c3d34d;border-radius:2px}.empty-water[hidden]{display:none}h2{font-size:17px;letter-spacing:5px;margin:7px 0 16px;font-weight:600}.counter-body p{font-size:12px;color:var(--muted);margin:0}.panel-bottom{display:flex;justify-content:space-between;gap:12px;padding:18px 27px;border-top:1px solid #8bd4ef16;font-size:10px;color:#7faabe;background:#001b2c33}.panel-bottom span:first-child{display:flex;align-items:center;gap:7px}.panel-bottom i{width:5px;height:5px;background:#7899a9}.panel-bottom .connected i{background:var(--aqua)}.panel-glow{position:absolute;z-index:-1;bottom:-130px;left:10%;width:80%;height:170px;border-radius:50%;background:#21b7e64a;filter:blur(50px)}.verse{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 58px;text-align:center}.verse p{font-size:13px;color:#bad3e0;font-weight:400;margin:0}.verse p span{display:block;color:#7397ad;font-size:8px;letter-spacing:2.5px;margin-top:12px}.verse-line{height:1px;width:65px;background:linear-gradient(90deg,transparent,#82bfd04d)}.verse-line:last-child{transform:rotate(180deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #a0d7ed1c;padding-top:21px;color:#7698ae;font-size:8px;letter-spacing:1.6px}footer b{margin:0 9px;font-weight:400}.footer-message{display:flex;align-items:center;gap:11px;font-family:'Allura',cursive;font-size:25px;letter-spacing:0;color:#b5d7e6}.footer-message svg{width:17px;height:22px;color:var(--aqua)}.ocean{position:fixed;bottom:-65px;left:0;width:100%;height:350px;pointer-events:none;z-index:1}.wave-back{animation:wave-back 9s ease-in-out infinite;will-change:transform}.wave-front{animation:wave-front 6s ease-in-out infinite;will-change:transform}.particle{position:absolute;bottom:-20px;border:1px solid #9fecff40;border-radius:50%;animation:rise linear infinite;box-shadow:inset 1px 1px 3px #c3f5ff18}.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}@keyframes wave-back{0%,100%{transform:translate(-40px,8px)}25%{transform:translate(-150px,-24px)}50%{transform:translate(-280px,5px)}75%{transform:translate(-140px,30px)}}@keyframes wave-front{0%,100%{transform:translate(-260px,0)}25%{transform:translate(-140px,32px)}50%{transform:translate(-20px,-8px)}75%{transform:translate(-150px,-38px)}}@keyframes light-drift{to{transform:rotate(15deg) translateX(90px);opacity:.4}}@keyframes rise{to{transform:translateY(-110vh) translateX(45px);opacity:0}}@keyframes pulse{50%{opacity:.4}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{gap:110px}.number-wrap{height:230px}}@media(max-width:900px){.page{padding:27px 5% 22px}main{gap:5%;padding:75px 0 65px}.eyebrow{font-size:8px;letter-spacing:1.7px}.event-details{gap:14px}.detail+.detail{padding-left:14px}.detail span{font-size:10px}.detail small{font-size:9px}.panel-top{padding:21px 18px}.panel-top>span{font-size:8px;letter-spacing:1px}.number-wrap{height:165px}.counter-body{padding:12px 12px 35px}h2{font-size:14px;letter-spacing:3px}.counter-body p{font-size:10px}.panel-bottom{padding:16px}.intro{font-size:13px}}@media(max-width:650px){.page{padding:22px 6%}.brand{font-size:12px}.brand-sub{font-size:8px}.brand-mark{width:30px}.header-right{gap:13px}.live-label{font-size:8px;letter-spacing:1px}main{grid-template-columns:1fr;gap:42px;padding:55px 0 38px}.event{text-align:center}.eyebrow{justify-content:center;font-size:9px}h1{font-size:104px;margin-top:26px}h1>span{padding-left:0}.intro{margin:30px 0 24px}.event-details{justify-content:center;gap:22px;text-align:left}.detail+.detail{padding-left:22px}.counter-panel{width:100%;max-width:450px;margin:auto}.number-wrap{height:155px}#counter{font-size:105px}.counter-body{padding-bottom:30px}.verse{gap:12px;margin-bottom:35px}.verse p{font-size:11px}.verse-line{width:20px}footer{align-items:center}footer>span:first-child{font-size:7px;line-height:1.8;max-width:180px}.footer-message{font-size:22px;white-space:nowrap}.ocean{height:270px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}}

#ocean-sound{flex-shrink:0}#ocean-sound[aria-pressed="true"]{color:var(--aqua);border-color:#65dbef80;background:#65dbef18}#ocean-sound[aria-pressed="false"] .sound-waves,#ocean-sound[aria-pressed="true"] .sound-muted{display:none}#ocean-sound:disabled{opacity:.5;cursor:default}@media(max-width:380px){.header-right{gap:8px}.live-label{max-width:70px;line-height:1.5;letter-spacing:.5px}}

/* Estados da integra??o */
.counter-body .data-source{font-size:9px;letter-spacing:1.5px;color:#f7d38b;margin:14px 0 0}.data-source[hidden]{display:none}.panel-bottom{align-items:center}.panel-bottom span:first-child{min-width:0;line-height:1.5}.panel-bottom i{flex-shrink:0}.panel-bottom #updated-at{flex-shrink:0}.counter-panel[data-state="error"] .panel-bottom i{background:#edaf83}.counter-panel[data-state="loading"] .panel-bottom i{animation:pulse 1s infinite}

/* Praia vista de cima: areia, margem e água, com uma pessoa por inscrição. */
.beach{position:fixed;inset:0;z-index:0;overflow:hidden;background:#07526f;pointer-events:none}
.beach:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#47351d40 0%,#47351d26 42%,#031b321a 72%,#031b3280 100%);pointer-events:none}
.beach-landscape{position:absolute;inset:0;overflow:hidden}
.atmosphere{display:none}
.event{text-shadow:0 2px 4px #182b32,0 2px 16px #00182ddd}
.intro,.detail small{color:#e0edf0}
.counter-panel{background:linear-gradient(145deg,#08394c40,#03243d59);box-shadow:0 16px 45px #00132318,inset 0 1px #bcf4ff20;text-shadow:0 1px 4px #03243d}
.counter-panel .panel-bottom{background:#001b2c14;color:#e0eff4}
#counter{background:none;color:#fff;-webkit-text-fill-color:#fff}
.counter-panel .counter-body p,.counter-panel .panel-top>span{color:#e0eff4}
.header,.verse,footer{text-shadow:0 2px 8px #00182d}
.verse p,footer,.verse p span{color:#d4e8ed}
.beach-water,#beach-people{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.beach-surf{animation:beach-surf 8s ease-in-out infinite}
.beach-swells{animation:beach-swells 8s ease-in-out infinite}
@keyframes beach-surf{0%,100%{transform:translateY(5px);opacity:.6}50%{transform:translateY(-10px);opacity:1}}
@keyframes beach-swells{0%,100%{transform:translateY(8px);opacity:.15}50%{transform:translateY(-5px);opacity:.35}}