:root{--cream:#fff8f3;--paper:#fffdf9;--ink:#382a36;--muted:#786772;--rose:#c45f78;--dark:#8f4058;--night:#181122;--shadow:0 24px 70px rgba(45,28,41,.18)}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background:url("hero-photo.jpg") center 44%/cover;animation:zoom 28s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(rgba(16,9,19,.28),rgba(16,9,19,.58))}
nav{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:min(1180px,100%);padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 2.1rem "Sacramento",cursive}.nav-links{display:flex;gap:24px;font-weight:600}.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:#ffffff22}
.hero-content{position:relative;z-index:3;width:min(920px,calc(100% - 36px));padding:120px 0 72px;text-align:center}.greeting{font-weight:600}.kicker,.eyebrow,.week{font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}.hero .kicker{color:#ffe5ec}
h1{margin:12px 0 18px;font:700 clamp(4rem,10vw,8.5rem)/.86 "Playfair Display",serif;text-shadow:0 10px 36px #0005}h1 span{display:block;margin-bottom:18px;font:400 .39em/1.1 "Sacramento",cursive}
h2{margin:0 0 18px;font:700 clamp(2.4rem,5vw,4.8rem)/1.05 "Playfair Display",serif}.hero-copy{max-width:650px;margin:0 auto 28px;line-height:1.7}.countdown{width:min(680px,100%);margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.countdown div{padding:17px 8px;border:1px solid #ffffff40;border-radius:20px;background:#ffffff20;backdrop-filter:blur(14px)}.countdown strong{display:block;font-size:clamp(2rem,5vw,3.5rem)}.countdown span{font-size:.72rem;letter-spacing:.15em}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.primary,.secondary,.letter-card button,.small{border:0;border-radius:999px;padding:14px 24px;font-weight:700}.primary,.letter-card button{color:#fff;background:linear-gradient(135deg,var(--rose),var(--dark));box-shadow:0 14px 34px #8f405850}.secondary{color:#fff;border:1px solid #ffffff88;background:#ffffff20}.primary:disabled{opacity:.6}
.section{padding:105px 24px}.story-section{background:radial-gradient(circle at 90% 10%,#f0b9c575,transparent 30%),var(--paper)}.two-col{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.two-col p{color:var(--muted);line-height:1.8}.feature-card,.reason-card{padding:44px;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.feature-card h3{font:700 2rem "Playfair Display",serif}
.dark-section{color:#fff;background:radial-gradient(circle at 20% 10%,#c45f7840,transparent 30%),linear-gradient(145deg,var(--night),#2b2038)}.section-title{max-width:760px;margin:0 auto 50px;text-align:center}.letter-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.letter-card{min-height:300px;padding:28px;position:relative;text-align:center;border:1px solid #ffffff24;border-radius:26px;background:#ffffff12}.letter-card.locked{opacity:.68}.status{position:absolute;top:18px;right:18px;font-size:.7rem}.icon{margin:24px;font-size:3.4rem}.letter-card h3{min-height:50px}.anniversary-card{border-color:#d4a65588}
.reasons-section{background:radial-gradient(circle at 15% 85%,#f0b9c575,transparent 30%),var(--cream)}.reason-card{min-height:320px;position:relative;display:flex;flex-direction:column;justify-content:center}.reason-card>span{position:absolute;top:0;left:25px;font:7rem "Playfair Display";color:#c45f7829}.reason-card p{position:relative;font:700 clamp(1.8rem,4vw,3rem)/1.35 "Playfair Display";color:var(--ink)}.reason-card small{color:var(--rose);font-weight:700}
.memory-section{background:var(--paper)}.memory-wall{max-width:1080px;margin:auto;display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.polaroid{width:300px;margin:0;padding:14px 14px 24px;background:#fff;box-shadow:0 18px 40px #3727332e}.polaroid img,.placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.photo-button{width:100%;padding:0;border:0;background:none;position:relative}.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#f7e4e8,#fff6ef);color:var(--rose);font-size:4rem}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#281923aa;color:#fff}.polaroid figcaption{text-align:center;margin-top:18px;font:1.85rem/1.1 "Sacramento",cursive}.memory-controls{display:flex;justify-content:center;gap:8px;margin-top:14px}.small{padding:9px 14px;color:#fff;background:var(--dark);font-size:.78rem}.delete{background:#78353f}.memory-admin{text-align:center;margin-top:42px}.text-btn{border:0;background:none;color:var(--dark);font-weight:700}.tilt-left{transform:rotate(-4deg)}.tilt-right{transform:rotate(4deg)}.tilt-left-small{transform:rotate(-2deg)}
.stats-section{background:var(--cream)}.stats-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.stats-grid article{min-height:180px;padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#fff;border-radius:25px;box-shadow:0 14px 34px #3c28371a}.stats-grid strong{font:700 clamp(2rem,4vw,3.1rem)/1.05 "Playfair Display";color:var(--dark)}.stats-grid .words{font-size:clamp(1.6rem,3vw,2.2rem)}.stats-grid span{margin-top:10px;color:var(--muted)}.stats-grid small{margin-top:6px;color:#a18e98}
.surprise-section{color:#fff;text-align:center;background:linear-gradient(145deg,#151021,#2c2140)}.surprise{max-width:760px;margin:auto}.moon{font-size:4rem;color:#ffe7ad}.chest{width:230px;height:180px;margin:28px auto;position:relative}.base,.lid{position:absolute;left:5px;width:220px;border:6px solid #d4a655;background:linear-gradient(90deg,#6f3f24,#9b6238,#6f3f24)}.base{bottom:0;height:100px;border-radius:8px 8px 18px 18px}.lid{top:5px;height:80px;border-radius:110px 110px 10px 10px}.lock{position:absolute;z-index:2;left:50%;top:86px;transform:translateX(-50%);font-size:2rem}
.modal{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:20px}.modal.open{display:grid}.backdrop{position:absolute;inset:0;background:#100a14bd;backdrop-filter:blur(7px)}.letter-paper,.dialog,.photo-viewer{position:relative;z-index:2;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fffdf7;border-radius:10px;box-shadow:0 35px 90px #0005}.letter-paper{padding:54px;line-height:1.9}.letter-paper h2,.signature{font-family:"Sacramento";color:var(--dark)}.letter-paper h2{font-size:3rem}.signature{font-size:1.8rem}.dialog{max-width:440px;padding:42px;text-align:center}.dialog input{width:100%;margin:8px 0 18px;padding:15px;border:1px solid #dfcbd1;border-radius:15px;text-align:center}.close{position:absolute;z-index:3;right:16px;top:10px;border:0;background:none;color:var(--dark);font-size:2rem}.photo-viewer{max-width:920px;padding:14px;background:#171019;color:#fff}.photo-viewer img{width:100%;max-height:76vh;object-fit:contain}.photo-viewer p{text-align:center;font:2rem "Sacramento"}.photo-close{color:#fff}
.toast{position:fixed;z-index:50;left:50%;bottom:26px;max-width:calc(100% - 32px);padding:14px 20px;transform:translateX(-50%) translateY(20px);opacity:0;color:#fff;background:var(--dark);border-radius:999px;transition:.3s}.toast.show{opacity:1;transform:translateX(-50%)}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}footer{text-align:center;padding:34px;color:var(--dark)}[hidden]{display:none!important}
@keyframes zoom{to{transform:scale(1.08)}}@media(max-width:900px){.letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.menu-btn{display:block}.nav-links{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#140d1bf8;font-size:1.4rem}.nav-links.open{display:flex}.hero-photo{background-position:58% center}}
@media(max-width:600px){.section{padding:82px 18px}.countdown{grid-template-columns:repeat(2,1fr)}.letter-grid{grid-template-columns:1fr}.hero-photo{background-position:61% center}.feature-card,.reason-card,.letter-paper,.dialog{padding:32px 22px}.polaroid{width:min(300px,90vw)}h1{font-size:clamp(3.8rem,18vw,6rem)}}

.story-timeline{
  max-width:1120px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:88px;
}
.story-moment{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:54px;
  align-items:center;
}
.story-moment.reverse .story-photo{
  order:2;
}
.story-moment.reverse .story-note{
  order:1;
  text-align:right;
}
.story-photo{
  position:relative;
}
.story-photo::before{
  content:"";
  position:absolute;
  inset:18px -18px -18px 18px;
  border:2px solid rgba(196,95,120,.22);
  border-radius:28px;
}
.story-photo img{
  position:relative;
  z-index:1;
  width:100%;
  max-height:620px;
  display:block;
  object-fit:cover;
  border-radius:28px;
  box-shadow:var(--shadow);
}
.story-note{
  padding:22px;
}
.story-note h3{
  margin:0 0 18px;
  font:700 clamp(2rem,4vw,3.8rem)/1.08 "Playfair Display",serif;
}
.story-note p:last-child{
  margin:0;
  color:var(--muted);
  font-size:1.15rem;
  line-height:1.8;
}
@media(max-width:760px){
  .story-timeline{
    gap:56px;
  }
  .story-moment{
    grid-template-columns:1fr;
    gap:24px;
  }
  .story-moment.reverse .story-photo,
  .story-moment.reverse .story-note{
    order:initial;
    text-align:left;
  }
  .story-photo::before{
    inset:10px -10px -10px 10px;
  }
  .story-note{
    padding:12px 6px;
  }
}