@keyframes panPattern{0%{background-position:50%}to{background-position:calc(50% - 400px) calc(50% - 400px)}}@keyframes walkBackAndForth{0%{transform:translate(5vw)scaleX(1)}49%{transform:translate(calc(95vw - 120px))scaleX(1)}50%{transform:translate(calc(95vw - 120px))scaleX(-1)}99%{transform:translate(5vw)scaleX(-1)}to{transform:translate(5vw)scaleX(1)}}@keyframes revealUp{to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(100vh)rotate(720deg)}}@media (width<=768px){.card-outer-shell{border-radius:36px;width:calc(100vw - 2rem);max-width:none;margin:1rem;padding:.5rem}.card-wrapper,.glass-background{border-radius:28px}.hero{padding:2.5rem 1.25rem 9.5rem}.cumple-text{font-size:3.2rem}.names-text{font-size:2.6rem}.details-bento{grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-card{border-radius:16px;padding:1rem .25rem}.detail-value{font-size:.85rem}.detail-label{font-size:.6rem}.primary-cta{padding:.5rem .5rem .5rem 1.5rem;font-size:1rem}}@media (width<=480px){.card-outer-shell{width:calc(100vw - 1rem);margin:.5rem;padding:.25rem}.hero{padding:2rem .75rem 9.5rem}.details-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cumple-text{font-size:2.6rem}.names-text{font-size:2.2rem}.detail-card{padding:.75rem .25rem}.detail-value{font-size:.75rem}}:root{--blanco-puro:#fff;--azul-celeste:#a4d3f2;--rojo-vino:#8b1e24;--negro-ebano:#1a1a1a;--font-sans:"Outfit", sans-serif;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--azul-celeste);font-family:var(--font-sans);color:var(--negro-ebano);place-items:center;min-height:100vh;padding:2rem 0;display:grid;position:relative;overflow:hidden auto}.pattern-overlay{background-image:radial-gradient(var(--blanco-puro) 3px, transparent 3px);opacity:.4;z-index:1;background-size:50px 50px;width:100vw;height:100vh;animation:60s linear infinite panPattern;position:fixed;top:0;left:0}.card-outer-shell{background:var(--blanco-puro);border:4px solid var(--negro-ebano);z-index:2;border-radius:40px;grid-area:1/1;width:90vw;max-width:600px;margin:auto;padding:0;overflow:hidden;box-shadow:16px 16px #1a1a1a26}.card-wrapper{background:var(--blanco-puro);border-radius:36px;width:100%;position:relative}.glass-background{opacity:0;background:#ffffffd9;border:1px solid #a4d3f226;border-radius:32px;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards revealUp;position:absolute;inset:0;transform:translateY(40px)}.hero{opacity:0;padding:3.5rem 3.5rem 9.5rem;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards revealUp;position:relative;transform:translateY(40px)}.snoopy-video{object-fit:cover;pointer-events:none;opacity:1;z-index:10;mix-blend-mode:screen;border-radius:50%;width:120px;height:120px;animation:14s linear infinite walkBackAndForth;position:absolute;bottom:10px;left:0}.hero-content{text-align:center;flex-direction:column;gap:1.5rem;display:flex}.eyebrow{color:var(--azul-celeste);text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;font-weight:800}.headline{flex-direction:column;gap:.2rem;margin-bottom:1rem;display:flex}.cumple-text{font-family:"Fredoka", var(--font-sans);color:var(--rojo-vino);text-shadow:4px 4px #8b1e2426;font-size:3.8rem;font-weight:700;line-height:1}.names-text{color:var(--negro-ebano);font-family:Pacifico,cursive;font-size:3.2rem;line-height:1.2;display:inline-block;transform:rotate(-2deg)}.subtext{color:#1a1a1ad9;max-width:420px;margin:0 auto;font-size:1.15rem;line-height:1.6}.details-bento{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;display:grid}.detail-card{background:var(--blanco-puro);border:3px solid var(--negro-ebano);text-align:center;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem .5rem;display:flex;box-shadow:6px 6px #a4d3f266}.detail-text{flex-direction:column;align-items:center;gap:.2rem;display:flex}.icon-box{color:var(--rojo-vino);border:2px solid var(--negro-ebano);box-shadow:2px 2px 0px var(--negro-ebano);background:#a4d3f24d;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;transition:transform .3s;display:flex}.detail-card:hover{background:#fcfcfc;transform:translateY(-4px)rotate(-1deg);box-shadow:10px 10px #a4d3f299}.detail-card:hover .icon-box{transform:scale(1.1)rotate(5deg)}.detail-label{text-transform:uppercase;letter-spacing:.1em;color:var(--rojo-vino);font-size:.65rem;font-weight:800}.detail-value{color:var(--negro-ebano);font-size:1rem;font-weight:900;line-height:1.1}.cta-wrapper{margin-top:1.5rem}.primary-cta{background:var(--rojo-vino);color:var(--blanco-puro);border:3px solid var(--negro-ebano);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:.5rem .5rem .5rem 2rem;font-family:inherit;font-size:1.2rem;font-weight:900;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #1a1a1a33}.primary-cta span{z-index:2;margin:auto;position:relative}.cta-icon-wrapper{background:var(--negro-ebano);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .4s;display:flex}.primary-cta:hover{background:#a0252d;transform:translateY(2px)translate(2px);box-shadow:4px 4px #1a1a1a33}.primary-cta:hover .cta-icon-wrapper{background:#fff3;transform:translate(2px)translateY(-1px)scale(1.05)}.primary-cta:hover:before{left:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--blanco-puro);border:4px solid var(--negro-ebano);border-radius:24px;width:90%;max-width:450px;padding:2.5rem 1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px);box-shadow:12px 12px #8b1e244d}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-intro-wrapper{justify-content:center;align-items:center;width:100%;padding:1rem 0;transition:opacity .4s;display:flex}.video-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.video-top-text{font-family:"Fredoka", var(--font-sans);color:var(--rojo-vino);text-align:center;margin:0;font-size:2.2rem;line-height:1}.video-bottom-text{color:var(--negro-ebano);text-align:center;margin:0;font-family:Pacifico,cursive;font-size:1.8rem}#rsvp-video{object-fit:cover;border:4px solid var(--negro-ebano);z-index:2;background:var(--blanco-puro);border-radius:50%;width:200px;height:200px;position:relative;box-shadow:6px 6px #8b1e2433}.close-btn{color:var(--rojo-vino);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:transform .2s;position:absolute;top:15px;right:15px}.close-btn:hover{transform:scale(1.1)rotate(90deg)}.modal-title{font-family:"Fredoka", var(--font-sans);color:var(--rojo-vino);text-align:center;margin-bottom:.5rem;font-size:2rem;line-height:1.1}.modal-subtitle{text-align:center;color:#555;margin-bottom:2rem;font-size:.95rem}.rsvp-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--negro-ebano);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--negro-ebano);background:#f9f9f9;border-radius:12px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--blanco-puro);border-color:var(--rojo-vino);outline:none;box-shadow:4px 4px #a4d3f280}.submit-rsvp{justify-content:center;margin-top:1rem}.confetti{z-index:9999;pointer-events:none;border-radius:50%;width:10px;height:10px;animation:linear forwards fall;position:fixed;top:-10px}@media (width<=768px){.card-outer-shell{border-radius:36px;width:calc(100vw - 2rem);max-width:none;margin:1rem;padding:.5rem}.card-wrapper,.glass-background{border-radius:28px}.hero{padding:2.5rem 1.25rem 9.5rem}.cumple-text{font-size:3.2rem}.names-text{font-size:2.6rem}.details-bento{grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-card{border-radius:16px;padding:1rem .25rem}.detail-value{font-size:.85rem}.detail-label{font-size:.6rem}.primary-cta{padding:.5rem .5rem .5rem 1.5rem;font-size:1rem}}@media (width<=480px){.card-outer-shell{width:calc(100vw - 1rem);margin:.5rem;padding:.25rem}.hero{padding:2rem .75rem 9.5rem}.details-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cumple-text{font-size:2.6rem}.names-text{font-size:2.2rem}.detail-card{padding:.75rem .25rem}.detail-value{font-size:.75rem}}.map-overlay{opacity:0;z-index:5;background:#fff0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s;display:flex;position:absolute;top:0;left:0}.map-overlay span{background:var(--rojo-vino);color:var(--blanco-puro);border-radius:999px;padding:.8rem 1.5rem;font-size:1rem;font-weight:800;transition:all .4s;transform:translateY(20px);box-shadow:0 4px 16px #0000004d}.map-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000080;background:#fff!important;border-color:#fff!important}.map-card:hover .map-label{color:var(--rojo-vino)!important}.map-card:hover .map-title{color:var(--negro-ebano)!important}.map-card:hover .map-overlay{opacity:1;background:#ffffffb3}.map-card:hover .map-overlay span{transform:translateY(0)}.map-card:hover iframe{opacity:.4;filter:none!important}