*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-main: #dedfd8;--text-main: #111827;--text-muted: #6b7280;--accent-pink: #f472b6;--accent-dark: #111827}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;background-color:var(--bg-main);color:var(--text-main)}#root{min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.intro-overlay{position:fixed;inset:0;background-color:#fdfdfd;display:flex;align-items:center;justify-content:center;z-index:50}.intro-group{display:flex;flex-direction:column;align-items:center}.intro-text{position:relative;font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#111827;animation:intro-glow 1.4s ease-in-out infinite alternate}.intro-text:before,.intro-text:after{content:attr(data-text);position:absolute;inset:0;mix-blend-mode:multiply;clip-path:inset(0 0 50% 0)}.intro-text:before{color:#f97373;animation:intro-glitch-1 .6s infinite}.intro-text:after{color:#6366f1;animation:intro-glitch-2 .6s infinite}.honeymoon-type{margin-top:12px;font-size:12px;letter-spacing:.24em;color:#6b7280;text-transform:uppercase;white-space:nowrap;overflow:hidden;width:0;animation:typing 1.4s steps(20,end) forwards .6s}@keyframes typing{0%{width:0}to{width:140px}}@keyframes intro-glow{0%{filter:brightness(.9)}to{filter:brightness(1.15)}}@keyframes intro-glitch-1{0%{transform:translate(0);clip-path:inset(0 0 45% 0)}40%{transform:translate(-2px,-1px);clip-path:inset(10% 0 35% 0)}80%{transform:translate(1px,1px);clip-path:inset(5% 0 40% 0)}to{transform:translate(0);clip-path:inset(0 0 45% 0)}}@keyframes intro-glitch-2{0%{transform:translate(0);clip-path:inset(55% 0 0 0)}40%{transform:translate(2px,1px);clip-path:inset(35% 0 10% 0)}80%{transform:translate(-1px,-1px);clip-path:inset(40% 0 5% 0)}to{transform:translate(0);clip-path:inset(55% 0 0 0)}}.poster{max-width:960px;width:100%;background-color:var(--bg-main);border-radius:20px;border:1px solid rgba(31,41,55,.14);padding:32px 32px 28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;opacity:0;transform:translateY(18px) scale(.98)}.poster-visible{animation:poster-enter .7s ease-out forwards}@keyframes poster-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.poster-image{display:flex;align-items:stretch}.photo-frame{background-color:#c4c5bc;padding:14px;border-radius:12px;width:100%}.photo-placeholder{background-color:#18181b;aspect-ratio:4 / 5;width:100%;border-radius:8px;overflow:hidden}.photo-img{width:100%;height:100%;object-fit:contain}.poster-info{display:flex;flex-direction:column;gap:10px}.tagline{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.title{font-size:clamp(30px,4.2vw,40px);font-weight:700;letter-spacing:.08em}.title-break{display:block}.meta{font-size:12px;color:var(--text-muted)}.meta span{margin-left:6px;color:var(--accent-dark);font-weight:500}.newsletter{margin-top:18px;display:flex;flex-direction:column;gap:8px}.label{font-size:11px;letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase}.row{display:flex;gap:8px}.input{flex:1;border-radius:999px;border:1px solid rgba(31,41,55,.28);padding:10px 14px;font-size:13px;background-color:#f3f3ec}.button{padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;background-color:var(--accent-pink);color:#111;border:none;cursor:pointer}.hint{font-size:11px;color:var(--text-muted)}