:root{--ink:#050208;--paper:#110516;--pink:#ff2f91;--acid:#f8c96d;--gold-light:#ffe7a2;--muted:#dcc6d7}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#050208 0%,#16051c 52%,#050208 100%);color:#fff6e8;font-family:Manrope,sans-serif;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,47,145,.2),transparent 27%),radial-gradient(circle at 86% 36%,rgba(116,48,255,.18),transparent 28%),radial-gradient(circle at 50% 90%,rgba(248,201,109,.11),transparent 30%);z-index:-1}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,231,162,.52) 0 1px,transparent 1.5px);background-size:73px 73px;opacity:.38;z-index:-1}.bar{height:88px;border-bottom:1px solid rgba(248,201,109,.3);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(5,2,8,.76);backdrop-filter:blur(14px);position:relative;z-index:2}.bar a,.bar button{color:var(--gold-light);background:none;border:0;text-decoration:none;font:600 10px DM Mono;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.miniLogo{position:absolute;left:50%;top:3px;transform:translateX(-50%);height:82px;width:150px;display:grid;place-items:center}.miniLogo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,47,145,.42))}main{max-width:1120px;margin:auto;padding:55px 24px 90px}.intro p,.labIntro p{font:500 10px DM Mono;letter-spacing:.14em;color:var(--gold-light)}.intro h1,.labIntro h1{font-size:clamp(45px,7vw,76px);line-height:.92;letter-spacing:-.06em;margin:12px 0 20px;text-shadow:0 0 28px rgba(255,47,145,.16)}.intro h1 em{font-family:'Playfair Display';color:var(--pink);text-shadow:0 0 22px rgba(255,47,145,.42)}.intro>span,.labIntro>span{color:var(--muted)}.grid{display:grid;grid-template-columns:1.7fr .7fr;gap:24px;margin-top:48px}.camera{background:linear-gradient(145deg,#25102d,#0a050d);border-radius:22px;color:white;overflow:hidden;border:1px solid rgba(248,201,109,.5);box-shadow:0 28px 90px #0009,0 0 44px rgba(255,47,145,.1),inset 0 0 45px rgba(255,47,145,.06)}.cameraTop,.cameraFoot{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font:500 9px DM Mono;letter-spacing:.16em;color:var(--gold-light)}.cameraTop span{background:#050208;color:var(--gold-light);border:1px solid rgba(248,201,109,.45);padding:8px;font-size:18px;box-shadow:0 0 15px rgba(248,201,109,.13)}.cameraMain{height:285px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at center,#351142,#13071a 58%,#08030a)}.lens{width:216px;height:216px;border:22px solid #070309;outline:7px solid #4b284d;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#020103;box-shadow:0 0 0 2px #f8c96d88,0 0 38px #ff2f9130,inset 0 0 35px #000}.lens video{width:100%;height:100%;object-fit:cover}.lens div{text-align:center;color:var(--gold-light)}.lens b{display:block;font:500 55px DM Mono;text-shadow:0 0 14px #f8c96d88}.lens small{font:8px DM Mono}.cameraMain>button{position:absolute;right:30px;top:30px;width:70px;height:70px;border-radius:50%;border:6px solid #090309;background:linear-gradient(145deg,#ffe7a2,#b66a22);box-shadow:0 8px #050208,0 0 18px rgba(248,201,109,.3)}.cameraMain>button span{display:block;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#ff8fc4,var(--pink));margin:auto}.cameraMain>button:disabled{filter:grayscale(1)}aside{background:linear-gradient(155deg,rgba(31,10,38,.96),rgba(10,4,14,.96));border:1px solid rgba(248,201,109,.46);padding:27px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 30px rgba(255,47,145,.08)}aside p{font-size:14px;line-height:1.5;color:#fff6e8}aside label{font:600 9px DM Mono;margin:12px 0 7px;color:var(--gold-light)}aside input{height:44px;border:1px solid rgba(248,201,109,.56);padding:0 12px;background:rgba(255,246,232,.07);color:white;font-weight:700}aside input::placeholder{color:#dcc6d788}aside button,#reveal{height:46px;border:0;background:linear-gradient(135deg,var(--gold-light),var(--acid) 46%,#ff8fc4);color:#22020f;margin-top:9px;font:800 10px DM Mono;letter-spacing:.1em}.progress{height:7px;background:#2a102e;margin-top:18px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--acid))}aside small{font:8px DM Mono;margin-top:8px;color:var(--muted)}.labIntro{text-align:center}.closed{text-align:center;max-width:600px;margin:45px auto;padding:42px;border:1px solid rgba(248,201,109,.46);background:rgba(12,5,18,.72);box-shadow:12px 12px #ff2f9124,0 22px 70px #0008}.paper{width:180px;height:130px;background:linear-gradient(145deg,#efe1c7,#b69275);margin:auto;display:grid;place-items:center;font:70px DM Mono;color:#3e263d}.closed button{padding:0 28px}.closed small{display:block;margin-top:12px;color:var(--muted)}.photo{max-width:600px;margin:40px auto 0;background:#fff6e8;padding:14px 14px 22px;box-shadow:0 20px 60px #000b,0 0 32px #ff2f9124;transform:rotate(-1deg);color:#110516}.photo img{width:100%;height:430px;object-fit:cover}.photo footer{display:flex;justify-content:space-between;padding:16px 6px 0}.photo footer b{font:700 24px 'Playfair Display';color:#4d123d}.photo footer span{font:9px DM Mono}.controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px}.controls button{width:42px;height:42px;background:rgba(255,255,255,.03);border:1px solid var(--gold);color:var(--gold-light)}.controls span{font:12px DM Mono;color:var(--gold-light)}#flash{position:fixed;inset:0;background:white;opacity:0;pointer-events:none;z-index:5}#flash.on{animation:flash .2s}@keyframes flash{from{opacity:1}to{opacity:0}}[hidden]{display:none!important}@media(max-width:760px){.grid{grid-template-columns:1fr}.cameraMain{height:250px}.lens{width:180px;height:180px}.cameraMain>button{right:14px;width:56px;height:56px}.cameraMain>button span{width:32px;height:32px}.photo img{height:60vw;min-height:280px}.bar{padding:0 18px}.miniLogo{width:120px}.back{font-size:0!important}.back:first-letter{font-size:18px}}

/* Visual alinhado ao convite principal */
html{background:#050208}body{background:radial-gradient(circle at 50% 0%,rgba(255,47,145,.34),transparent 30rem),radial-gradient(circle at 6% 30%,rgba(248,201,109,.16),transparent 24rem),radial-gradient(circle at 95% 55%,rgba(255,47,145,.18),transparent 22rem),linear-gradient(180deg,#050208 0%,#130518 48%,#050208 100%);overflow-x:hidden}body:before{z-index:-3;background:linear-gradient(rgba(5,2,8,.08),rgba(5,2,8,.86)),url("assets/convite-referencia.png") center top/cover;filter:blur(3px) saturate(1.42) contrast(1.08);transform:scale(1.05)}body:after{z-index:-2;opacity:.52;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle,rgba(255,246,208,.95) 0 1px,transparent 2px),radial-gradient(circle,rgba(248,201,109,.88) 0 1.2px,transparent 2.4px),radial-gradient(circle,rgba(255,47,145,.78) 0 1px,transparent 2.2px),radial-gradient(circle,rgba(255,255,255,.72) 0 .8px,transparent 1.8px),radial-gradient(circle,rgba(255,246,208,.9) 0 2px,transparent 3.6px),radial-gradient(circle,rgba(255,47,145,.7) 0 1.7px,transparent 3.4px);background-position:0 0,0 0,42px 36px,10px 92px,80px 18px,140px 120px,18% 22%,76% 64%;background-size:64px 64px,64px 64px,120px 120px,170px 170px,230px 230px,310px 310px,420px 420px,520px 520px;animation:muralGlitterRain 12s linear infinite,muralPageTwinkle 3.1s ease-in-out infinite}.bar,.camera,aside,.closed{backdrop-filter:blur(14px)}.bar{border-bottom-color:rgba(248,201,109,.38);box-shadow:0 18px 60px rgba(0,0,0,.36),inset 0 -1px 0 rgba(255,47,145,.16)}main{position:relative;z-index:1}.camera,aside,.closed{background:linear-gradient(180deg,rgba(15,5,22,.86),rgba(7,2,10,.92));box-shadow:0 28px 90px rgba(0,0,0,.56),inset 0 0 45px rgba(255,47,145,.08)}.intro h1,.labIntro h1{text-shadow:0 0 28px rgba(255,47,145,.35),0 0 54px rgba(248,201,109,.12)}.intro h1 em{color:#ff8fc4;text-shadow:0 0 24px rgba(255,47,145,.7)}.cameraMain{background:radial-gradient(circle at center,rgba(255,47,145,.26),transparent 18rem),linear-gradient(180deg,rgba(9,3,14,.62),rgba(9,3,14,.94))}.lens{box-shadow:0 0 0 2px rgba(248,201,109,.62),0 0 42px rgba(255,47,145,.36),inset 0 0 35px #000}.cameraMain>button,aside button,#reveal{box-shadow:0 14px 38px rgba(255,47,145,.18),0 0 22px rgba(248,201,109,.18)}main:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.98) 0 1.8px,rgba(255,231,162,.72) 2px,transparent 8px),radial-gradient(circle,rgba(255,246,208,.92) 0 2.2px,rgba(248,201,109,.45) 3px,transparent 10px),radial-gradient(circle,rgba(255,47,145,.82) 0 1.7px,rgba(255,143,196,.42) 3px,transparent 9px),radial-gradient(circle,rgba(255,255,255,.9) 0 1.4px,rgba(255,231,162,.45) 2.5px,transparent 7px),radial-gradient(circle,rgba(248,201,109,.86) 0 1.8px,rgba(255,47,145,.35) 3px,transparent 9px),radial-gradient(circle,rgba(255,255,255,.96) 0 1.9px,rgba(255,231,162,.64) 2.5px,transparent 8px),radial-gradient(circle,rgba(255,47,145,.74) 0 1.8px,rgba(248,201,109,.38) 3px,transparent 9px),radial-gradient(circle,rgba(255,246,208,.95) 0 2px,rgba(255,47,145,.34) 3px,transparent 10px);background-position:14% 18%,82% 24%,24% 68%,68% 76%,48% 42%,8% 46%,92% 50%,38% 18%;background-repeat:no-repeat;background-size:160px 160px,190px 190px,170px 170px,150px 150px,210px 210px,150px 150px,180px 180px,170px 170px;opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(255,231,162,.72));animation:muralStarAppear 7.5s ease-in-out infinite}@keyframes muralGlitterRain{0%{background-position:0 0,0 0,42px -120px,10px -60px,80px -180px,140px -240px,18% -20%,76% -35%}100%{background-position:0 0,0 0,42px 640px,10px 760px,80px 820px,140px 930px,18% 120%,76% 135%}}@keyframes muralPageTwinkle{0%,100%{opacity:.28;filter:brightness(.96)}35%{opacity:.7;filter:brightness(1.28)}62%{opacity:.38;filter:brightness(1.08)}}@keyframes muralStarAppear{0%{opacity:0;background-position:14% 18%,82% 24%,24% 68%,68% 76%,48% 42%,8% 46%,92% 50%,38% 18%;transform:scale(.98)}14%{opacity:.92;transform:scale(1.01)}28%{opacity:.08;transform:scale(1)}42%{opacity:0;background-position:72% 16%,18% 34%,86% 62%,36% 82%,52% 28%,12% 78%,88% 30%,28% 12%}56%{opacity:.82;transform:scale(1.02)}72%{opacity:.12}100%{opacity:0;background-position:22% 26%,74% 36%,18% 78%,84% 70%,48% 54%,10% 30%,94% 82%,34% 36%;transform:scale(.99)}}

/* Garante que o fundo oficial do convite fique visivel tambem nesta tela. */
body{isolation:isolate}
body:before{z-index:0;opacity:.96}
body:after{z-index:1}
main:before{z-index:2}
.bar,main{position:relative;z-index:4}
.welcome{z-index:20}
.cameraOverlay{z-index:30}

.barSpacer{width:86px;height:1px;display:block}
.labTeaser{position:relative;margin:34px auto 0;padding:28px 24px;border:1px solid rgba(248,201,109,.62);border-radius:22px;background:linear-gradient(135deg,rgba(28,6,34,.88),rgba(8,2,12,.94));box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 46px rgba(255,47,145,.18),inset 0 0 42px rgba(248,201,109,.06);overflow:hidden;text-align:center}
.labTeaser:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 90deg,transparent,rgba(255,47,145,.2),transparent,rgba(248,201,109,.18),transparent);animation:labTeaserSpin 9s linear infinite;opacity:.52}
.labTeaser:after{content:"";position:absolute;inset:1px;border-radius:20px;background:linear-gradient(180deg,rgba(10,3,15,.72),rgba(6,2,9,.92));pointer-events:none}
.labTeaser>*{position:relative;z-index:1}
.labTeaser p{margin:0 0 10px;color:var(--gold-light);font:700 10px DM Mono;letter-spacing:.18em}
.labTeaser h2{margin:0;font:700 clamp(33px,5vw,58px)/.95 'Playfair Display',serif;color:#fff6e8;text-shadow:0 0 24px rgba(255,47,145,.5),0 0 44px rgba(248,201,109,.16)}
.labTeaser>span{display:block;max-width:640px;margin:14px auto 20px;color:#f3ddea;line-height:1.55}
.labTeaser button{min-height:56px;border:0;border-radius:999px;padding:0 28px;background:linear-gradient(135deg,var(--gold-light),var(--acid) 42%,#ff8fc4);color:#22020f;font:900 11px DM Mono;letter-spacing:.12em;box-shadow:0 16px 46px rgba(255,47,145,.22),0 0 28px rgba(248,201,109,.2);cursor:pointer}
.labTeaser button:disabled{opacity:.78;cursor:wait}
.teaserCountdown{max-width:760px;margin:22px auto 0;padding-top:18px;border-top:1px solid rgba(248,201,109,.28)}
.teaserCountdown strong{display:block;margin-bottom:14px;color:#ffe7a2;font-size:14px}
.teaserCountdown .countdown{grid-template-columns:repeat(4,1fr);margin-top:10px}
@keyframes labTeaserSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.barSpacer{width:28px}.labTeaser{margin-top:24px;padding:24px 16px;border-radius:18px}.labTeaser h2{font-size:36px}.labTeaser button{width:100%;font-size:10px}.teaserCountdown .countdown{grid-template-columns:repeat(2,1fr)}}

/* Card de dados no mesmo estilo do confirmar presença do convite */
.grid aside{align-self:stretch;justify-content:flex-start;gap:0;padding:28px;border-radius:8px;border-color:rgba(248,201,109,.38);background:linear-gradient(180deg,rgba(15,5,22,.86),rgba(7,2,10,.92));box-shadow:0 28px 90px rgba(0,0,0,.56),inset 0 0 45px rgba(255,47,145,.08)}
.grid aside p{margin:0 0 18px;color:#dcc6d7;font-size:16px;font-weight:700;line-height:1.6}
.grid aside label{display:grid;gap:8px;margin:14px 0 8px;color:var(--gold-light);font:800 14px Manrope,sans-serif;letter-spacing:0;text-transform:none}
.grid aside input{width:100%;min-height:52px;border:1px solid rgba(248,201,109,.38);border-radius:8px;padding:0 14px;color:#fff6e8;background:rgba(5,2,8,.72);outline:none;font-size:16px;font-weight:800}
.grid aside input:focus{border-color:#ff8fc4;box-shadow:0 0 0 3px rgba(255,47,145,.18)}
.grid aside .photoNow{width:100%;min-height:58px!important;margin-top:20px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gold-light),var(--acid) 46%,#ff8fc4)!important;color:#22020f!important;font:900 13px Manrope,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;box-shadow:0 0 30px rgba(255,47,145,.36),0 14px 30px rgba(0,0,0,.38)!important}
.grid aside .photoNow span{color:#22020f;font-size:15px}
.grid aside .progress{height:8px;margin-top:18px;border-radius:999px;overflow:hidden;background:rgba(5,2,8,.72)}
.grid aside small{margin-top:10px;color:#dcc6d7;font:700 10px DM Mono;letter-spacing:.08em}
@media(max-width:760px){.grid aside{padding:24px 20px}.grid aside p{font-size:15px}.grid aside .photoNow{min-height:62px!important;font-size:13px!important}.grid aside input{border-radius:8px}}