:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f3f8f5;background:#062b2d;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}
.backdrop{position:fixed;inset:0;overflow:hidden;background:#062b2d url('assets/batismo-igreja-poster.jpg') center/cover no-repeat}
.backdrop video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.82)}
.blue-wash,.vignette{position:absolute;inset:0;pointer-events:none}
.blue-wash{background:linear-gradient(120deg,rgba(3,35,38,.62),rgba(5,49,49,.4) 50%,rgba(2,27,30,.64))}
.vignette{background:radial-gradient(ellipse at 50% 44%,rgba(2,24,26,.12),rgba(2,24,26,.45) 75%),linear-gradient(0deg,rgba(2,24,26,.8),transparent 28%,transparent 72%,rgba(2,24,26,.55))}
.page{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding:42px 5.2% 30px}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.logo{display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;flex-shrink:0}
.logo-church{width:166px;height:auto}.logo-baptism{width:88px;height:auto}
.main{flex:1;display:flex;align-items:center;justify-content:center;padding:72px 0 78px;text-align:center}
.invitation{width:100%;animation:arrive 1s ease-out both}
.eyebrow{display:flex;justify-content:center;align-items:center;gap:11px;color:#c7e6db;font-size:10px;letter-spacing:3px;line-height:1.6;margin:0 0 29px}
.eyebrow span{width:5px;height:5px;border-radius:50%;background:#b7e8d6;box-shadow:0 0 15px #9ae1ca}
h1{font-weight:400;letter-spacing:-4.5px;font-size:clamp(58px,6.6vw,108px);line-height:1.06;margin:0 auto;max-width:1160px;text-wrap:balance;text-shadow:0 3px 40px rgba(0,18,18,.25)}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#bde5d8;letter-spacing:-5px}
.description{font-size:15px;line-height:1.9;letter-spacing:.1px;color:#d0e1da;margin:29px 0 34px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:62px;padding:0 25px;background:#ddf4e9;color:#0a3434;border:1px solid rgba(255,255,255,.6);border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.15px;box-shadow:0 4px 30px rgba(125,216,183,.15);transition:background .22s,transform .22s,box-shadow .22s}
.cta svg{width:23px;height:23px;flex-shrink:0}.cta .arrow{width:19px;height:19px;margin-left:21px;transition:transform .22s}
.cta:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 40px rgba(147,235,200,.3)}.cta:hover .arrow{transform:translateX(4px)}
.cta:active{transform:translateY(0)}.cta:focus-visible{outline:3px solid #9ce6cb;outline-offset:6px}
.footer{display:flex;align-items:center;justify-content:center;gap:22px;color:#bfd9cf}
.footer p{margin:0;font-size:10px;line-height:1.7;letter-spacing:1.1px}.footer p span{color:#9cbbb0}.footer-line{width:52px;height:1px;background:rgba(184,224,205,.24)}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.page{padding-top:50px;padding-bottom:38px}.main{padding-bottom:90px}}
@media(max-width:700px){.page{padding:28px 25px 25px}.logo-church{width:112px}.logo-baptism{width:69px}.main{padding:80px 0 85px}.eyebrow{font-size:8px;letter-spacing:2.1px;gap:8px;margin-bottom:27px}h1{font-size:clamp(45px,8.8vw,62px);letter-spacing:-2.5px;line-height:1.12}h1 em{letter-spacing:-2.9px}.description{font-size:12px;line-height:1.9;margin:25px 0 30px}.cta{min-height:59px;padding:0 22px;font-size:13px}.cta .arrow{margin-left:14px}.footer{gap:13px}.footer p{font-size:8px;letter-spacing:.6px}.footer-line{width:24px}.vignette{background:radial-gradient(ellipse at 50% 44%,rgba(2,24,26,.2),rgba(2,24,26,.6)),linear-gradient(0deg,rgba(2,24,26,.65),transparent 35%,transparent 65%,rgba(2,24,26,.5))}}
@media(max-width:360px){.page{padding-left:18px;padding-right:18px}h1{font-size:42px}.logo-church{width:101px}.logo-baptism{width:62px}.eyebrow{font-size:7px}.description{font-size:11px}}
@media(max-height:650px) and (min-width:701px){.page{padding-top:24px;padding-bottom:22px}.main{padding:35px 0}h1{font-size:65px}.eyebrow{margin-bottom:20px}.description{margin:20px 0 25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.backdrop video{visibility:hidden}}