@import url(‘
https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Italianno&family=Allura&family=Cormorant+Garamond:wght@300;400;500&family=Montserrat:wght@300;400;500&display=swap’);
.lue-root{–bg:#FAF6F0;–bg-deep:#F1E9DC;–gold:#B8924A;–gold-light:#D4B57A;–ink:#2A2A2A;–ink-soft:#5C5247;}
.lue-root *{box-sizing:border-box;}
.lue-root{position:relative;min-height:100vh;background:radial-gradient(ellipse at center,#FAF6F0 0%,#F1E9DC 100%);font-family:’Cormorant Garamond’,serif;color:#2A2A2A;overflow:hidden;}
.lue-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.lue-particle{position:absolute;top:-10vh;width:8px;height:8px;background:radial-gradient(circle,#D4B57A 0%,transparent 70%);border-radius:50%;opacity:.35;animation:lue-fall linear infinite;}
@keyframes lue-fall{0%{transform:translateY(0) translateX(0) rotate(0);opacity:0;}10%{opacity:.45;}100%{transform:translateY(110vh) translateX(40px) rotate(360deg);opacity:0;}}
#lue-splash{position:fixed;inset:0;z-index:100;background:#2A2A2A;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#FAF6F0;transition:opacity 1.2s ease,visibility 1.2s;cursor:pointer;}
#lue-splash.hide{opacity:0;visibility:hidden;}
.lue-splash-content{text-align:center;padding:0 24px;width:100%;}
.lue-splash-names{font-family:’Pinyon Script’,’Italianno’,’Allura’,cursive;font-size:clamp(54px,14vw,120px);color:#D4B57A;line-height:1.1;font-weight:400;opacity:0;animation:lue-float-in 2.2s cubic-bezier(.2,.7,.2,1) .4s forwards,lue-float-loop 6s ease-in-out 2.6s infinite;text-shadow:0 8px 30px rgba(212,181,122,.4),0 2px 8px rgba(212,181,122,.2);white-space:nowrap;display:inline-block;letter-spacing:.5px;}
.lue-splash-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;opacity:0;animation:lue-fadeIn 1.4s ease 1.8s forwards;}
.lue-splash-divider .line{width:50px;height:1px;background:#D4B57A;opacity:.7;}
.lue-splash-divider .diamond{width:5px;height:5px;background:#D4B57A;transform:rotate(45deg);opacity:.8;}
.lue-splash-sub{font-family:’Montserrat’,sans-serif;font-size:10px;letter-spacing:8px;color:#D4B57A;opacity:0;animation:lue-fadeIn 1.4s ease 2.2s forwards;text-transform:uppercase;margin-bottom:8px;}
.lue-hint{font-family:’Montserrat’,sans-serif;font-size:10px;letter-spacing:4px;margin-top:36px;opacity:0;animation:lue-fadeIn 1.5s ease 3s forwards;text-transform:uppercase;color:#D4B57A;}
.lue-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#D4B57A;margin-left:10px;animation:lue-pulse 1.6s ease infinite 3s,lue-fadeIn 1.5s ease 3s forwards;opacity:0;vertical-align:middle;}
@keyframes lue-pulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.6);opacity:.1;}}
@keyframes lue-float-in{0%{opacity:0;transform:translateY(30px) scale(.94);filter:blur(8px);}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}}
@keyframes lue-float-loop{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-10px) scale(1.015);}}
@keyframes lue-fadeIn{from{opacity:0;}to{opacity:1;}}
@media (max-width:420px){.lue-splash-names{font-size:13vw;}}
.lue-main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 80px;opacity:0;transition:opacity 1.5s ease;}
.lue-main.reveal{opacity:1;}
.lue-card{position:relative;width:100%;max-width:460px;aspect-ratio:2/3;background:#FAF6F0;box-shadow:0 30px 80px rgba(74,56,24,.18),0 10px 30px rgba(74,56,24,.10),inset 0 0 0 1px rgba(184,146,74,.08);padding:6%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(40px) scale(.96);opacity:0;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s,opacity 1.4s ease .2s;}
.lue-main.reveal .lue-card{transform:translateY(0) scale(1);opacity:1;}
.lue-card::before,.lue-card::after{content:”;position:absolute;pointer-events:none;border:1px solid #B8924A;}
.lue-card::before{inset:14px;}
.lue-card::after{inset:22px;}
.lue-corner{position:absolute;width:18px;height:18px;border:1px solid #B8924A;background:#FAF6F0;}
.lue-corner.tl{top:8px;left:8px;border-right:0;border-bottom:0;transform:rotate(-45deg) translate(-2px,-2px);}
.lue-corner.tr{top:8px;right:8px;border-left:0;border-bottom:0;transform:rotate(45deg) translate(2px,-2px);}
.lue-corner.bl{bottom:8px;left:8px;border-right:0;border-top:0;transform:rotate(-135deg) translate(-2px,2px);}
.lue-corner.br{bottom:8px;right:8px;border-left:0;border-top:0;transform:rotate(135deg) translate(2px,2px);}
.lue-names{font-family:’Pinyon Script’,’Italianno’,’Allura’,cursive;font-size:clamp(46px,12.5vw,78px);color:#B8924A;line-height:1.1;font-weight:400;margin-bottom:8%;letter-spacing:.5px;text-shadow:0 1px 2px rgba(184,146,74,.08);}
.lue-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;}
.lue-divider .line{width:50px;height:1px;background:#B8924A;}
.lue-divider .diamond{width:6px;height:6px;background:#B8924A;transform:rotate(45deg);}
.lue-label{font-family:’Montserrat’,sans-serif;font-weight:300;font-size:clamp(11px,2.8vw,13px);letter-spacing:6px;color:#2A2A2A;text-transform:uppercase;margin-bottom:12px;}
.lue-date{font-family:’Cormorant Garamond’,serif;font-weight:400;font-size:clamp(28px,7.5vw,42px);letter-spacing:3px;color:#2A2A2A;}
.lue-location{font-family:’Montserrat’,sans-serif;font-weight:300;font-size:clamp(11px,2.8vw,13px);letter-spacing:6px;color:#2A2A2A;margin:10px 0;text-transform:uppercase;}
.lue-message{font-family:’Cormorant Garamond’,serif;font-weight:300;font-size:clamp(14px,3.5vw,17px);color:#5C5247;line-height:1.5;margin:10px 20px;font-style:italic;max-width:85%;}
.lue-footer-note{font-family:’Pinyon Script’,’Italianno’,cursive;font-size:clamp(18px,4.5vw,24px);color:#B8924A;margin-top:8px;letter-spacing:.5px;}
.lue-countdown{margin-top:40px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity 1s ease 1s,transform 1s ease 1s;}
.lue-main.reveal .lue-countdown{opacity:1;transform:translateY(0);}
.lue-cd-title{font-family:’Montserrat’,sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#B8924A;margin-bottom:16px;}
.lue-cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:380px;}
.lue-cd-cell{background:rgba(255,255,255,.5);border:1px solid rgba(184,146,74,.3);padding:12px 6px;border-radius:4px;backdrop-filter:blur(8px);}
.lue-cd-num{font-family:’Cormorant Garamond’,serif;font-size:clamp(22px,6vw,30px);color:#2A2A2A;font-weight:500;line-height:1;}
.lue-cd-label{font-family:’Montserrat’,sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#5C5247;margin-top:6px;}
.lue-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:420px;opacity:0;transform:translateY(20px);transition:opacity 1s ease 1.5s,transform 1s ease 1.5s;}
.lue-main.reveal .lue-actions{opacity:1;transform:translateY(0);}
.lue-btn{font-family:’Montserrat’,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:13px 22px;border:1px solid #B8924A;background:transparent;color:#2A2A2A;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-radius:2px;}
.lue-btn:hover{background:#B8924A;color:#FAF6F0;}
.lue-btn svg{width:14px;height:14px;}
.lue-signature{margin-top:50px;text-align:center;font-family:’Cormorant Garamond’,serif;font-style:italic;color:#5C5247;font-size:14px;opacity:0;transition:opacity 1s ease 2s;}
.lue-main.reveal .lue-signature{opacity:.7;}
.lue-signature .heart{color:#B8924A;}
Luísa & Euzébio
Save the Date
Toque para abrir
Luísa & Euzébio
Save the Date
01 . 09 . 2026
Serra Negra · SP
Uma celebração íntima, cercada apenas por quem faz parte da nossa história.
com amor ♥ Luísa & Euzébio
(function(){
var container = document.getElementById(‘lue-particles’);
if(container){
var count = window.innerWidth < 600 ? 14 : 24;
for(var i=0;i<count;i++){
var p = document.createElement('div');
p.className = 'lue-particle';
p.style.left = Math.random()*100 + 'vw';
p.style.animationDuration = (8 + Math.random()*12) + 's';
p.style.animationDelay = (Math.random()*10) + 's';
var size = 4 + Math.random()*8;
p.style.width = size+'px'; p.style.height = size+'px';
p.style.opacity = (0.15 + Math.random()*0.35).toFixed(2);
container.appendChild(p);
}
}
window.lueReveal = function(){
var s = document.getElementById('lue-splash');
var m = document.getElementById('lue-main');
if(s) s.classList.add('hide');
if(m) m.classList.add('reveal');
setTimeout(function(){ if(s) s.style.display='none'; }, 1300);
};
setTimeout(window.lueReveal, 5000);
var target = new Date('2026-09-01T16:00:00-03:00');
function pad(n){ return String(n).padStart(2,'0'); }
function tick(){
var now = new Date();
var diff = Math.max(0, target – now);
var days = Math.floor(diff / 86400000); diff -= days*86400000;
var hours = Math.floor(diff / 3600000); diff -= hours*3600000;
var mins = Math.floor(diff / 60000); diff -= mins*60000;
var secs = Math.floor(diff / 1000);
var d = document.getElementById('lue-cd-days'); if(d) d.textContent = pad(days);
var h = document.getElementById('lue-cd-hours'); if(h) h.textContent = pad(hours);
var mn = document.getElementById('lue-cd-mins'); if(mn) mn.textContent = pad(mins);
var sc = document.getElementById('lue-cd-secs'); if(sc) sc.textContent = pad(secs);
}
tick(); setInterval(tick, 1000);
function buildIcs(){
var dt='20260901T190000Z', dtEnd='20260902T020000Z';
var ics=['BEGIN:VCALENDAR','VERSION:2.0','PRODID:-//Luisa-Euzebio//Save the Date//PT','BEGIN:VEVENT','UID:luisa-euzebio-2026@savethedate','DTSTAMP:'+dt,'DTSTART:'+dt,'DTEND:'+dtEnd,'SUMMARY:Casamento Luísa & Euzébio','DESCRIPTION:Save the Date — Celebração íntima em Serra Negra/SP.','LOCATION:Serra Negra, SP, Brasil','END:VEVENT','END:VCALENDAR'].join('\r\n');
return 'data:text/calendar;charset=utf-8,'+encodeURIComponent(ics);
}
var btn=document.getElementById('lue-btn-calendar'); if(btn) btn.setAttribute('href', buildIcs());
document.addEventListener('keydown', function(e){
if((e.key==='Enter' || e.key===' ') && document.getElementById('lue-splash') && !document.getElementById('lue-splash').classList.contains('hide')){
window.lueReveal();
}
});
})();
euzebiojus-hnxoy 