@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Paytone+One&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Nunito,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.gate,.splash{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#dff7ff,transparent 40%),radial-gradient(circle at 90% 15%,#ffe1ee,transparent 42%),linear-gradient(145deg,#f6fbff,#fff8f3)}.splash{text-align:center;color:#16324b}.heart,.gate-icon{font-size:4rem}.gate-card{width:min(620px,100%);padding:48px;border-radius:36px;background:#ffffffeb;box-shadow:0 30px 80px #16324b2e;text-align:center;border:1px solid rgba(255,255,255,.8)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.84rem;font-weight:900;color:#52708d;margin:0 0 10px}.gate h1,.slide h1{font-family:Paytone One,Nunito,sans-serif;margin:.1em 0;color:#15334f}.gate h1{font-size:clamp(2.6rem,7vw,4.8rem)}.gate-copy{font-size:1.15rem;color:#587187;line-height:1.6}.gate form{display:grid;gap:12px;margin:28px auto 0;max-width:420px;text-align:left}.gate label{font-weight:900;color:#29465f}.gate input{border:2px solid #d7e5ef;border-radius:18px;padding:16px 18px;font-size:1.1rem;outline:none}.gate input:focus{border-color:#ff6b9c;box-shadow:0 0 0 4px #ff6b9c22}.gate button,.final-button{border:0;border-radius:18px;padding:16px 20px;background:#ff5d8f;color:#fff;font-weight:900;box-shadow:0 12px 24px #ff5d8f3c}.gate button:disabled{opacity:.65}.error{margin:0;color:#b4233a;font-weight:800;text-align:center}.presentation{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#edf9ff,#fff4f7 55%,#fff9e7);color:#18364e}.ambient{position:absolute;border-radius:999px;filter:blur(6px);opacity:.35}.ambient-a{width:42vw;height:42vw;background:#8de3ff;top:-18vw;left:-8vw}.ambient-b{width:38vw;height:38vw;background:#ffc3d8;bottom:-18vw;right:-8vw}.slide{position:relative;z-index:1;min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(42px,6vw,92px)}.copy-panel{max-width:780px}.emoji{font-size:clamp(3.2rem,7vw,6.5rem);line-height:1}.slide h1{font-size:clamp(3.5rem,7.5vw,7.5rem);line-height:.96}.subtitle{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.45;font-weight:800;color:#4a667d}.photo-frame{width:100%;aspect-ratio:4/3;border-radius:42px;padding:12px;background:#fff;box-shadow:0 32px 70px #1b3f5e33;transform:rotate(1.2deg)}.photo-frame img,.photo-placeholder{width:100%;height:100%;border-radius:32px;-o-object-fit:cover;object-fit:cover}.photo-placeholder{display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(145deg,#dff5ff,#ffe8f1);color:#43647e;text-align:center}.photo-placeholder span{font-size:5rem}.photo-placeholder strong{font-size:clamp(1.4rem,2.5vw,2.4rem)}.photo-placeholder small{font-size:1rem}.controls{position:fixed;z-index:20;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:10px;border-radius:22px;background:#143048e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px #0003;color:#fff}.controls button{border:0;border-radius:14px;padding:10px 14px;background:#fff;color:#173750;font-weight:900}.controls button:disabled{opacity:.35;cursor:not-allowed}.controls span{min-width:62px;text-align:center;font-weight:900}.final-button{margin-top:24px;font-size:1.15rem}.confetti{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-40px;font-style:normal;font-size:22px;animation:fall 3.4s linear forwards}.confetti i:nth-child(3n){color:#ff5d8f}.confetti i:nth-child(3n+1){color:#ffc15e}.confetti i:nth-child(3n+2){color:#5dd9c1}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media (max-width:900px){.slide{grid-template-columns:1fr;min-height:auto;padding:42px 24px 110px}.photo-frame{max-width:720px;margin:auto}.slide h1{font-size:clamp(3rem,12vw,6rem)}.controls{width:calc(100% - 24px);justify-content:center;flex-wrap:wrap}.controls button{padding:8px 10px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.photo-frame-wide{aspect-ratio:16/9;transform:rotate(.4deg)}.photo-frame-contain{background:#fffaf2;transform:rotate(.35deg)}.photo-frame-contain img{-o-object-fit:contain;object-fit:contain;background:#fffaf2}.photo-frame-gallery{aspect-ratio:4/3;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:10px;overflow:hidden;transform:rotate(.35deg)}.photo-frame-gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:22px}.photo-frame-gallery img:first-child{grid-row:1 / span 2}@media (max-width:900px){.photo-frame-gallery{aspect-ratio:16/10;grid-template-columns:1fr 1fr}}