:root{
  --bg:#0e0912;--bg2:#160b18;--panel:rgba(255,255,255,.075);--line:rgba(255,255,255,.13);
  --text:#fff9fb;--muted:#cbbdc8;--pink:#ff6fa8;--rose:#ff4c8b;--gold:#f7cf8d;--plum:#5c2148;
  --paper:#fbf3f4;--ink:#29151f;--shadow:0 24px 90px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#321328 0,transparent 30%),radial-gradient(circle at 92% 28%,#231538 0,transparent 28%),linear-gradient(145deg,var(--bg),#120a17 60%,#09070c);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.hidden{display:none!important}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:200}.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,#4a1c3a 0,transparent 34%),linear-gradient(145deg,#100811,#1c0c1d);overflow:hidden}.intro-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}.intro-glow.one{width:260px;height:260px;background:#ff4f91;top:-80px;left:-60px}.intro-glow.two{width:260px;height:260px;background:#7452ff;bottom:-110px;right:-80px}.gift-card{position:relative;width:min(560px,100%);padding:46px 28px 36px;border-radius:34px;text-align:center;overflow:hidden}.gift-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}.mini-label,.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold)}.gift-box{width:96px;height:92px;margin:30px auto 20px;position:relative;animation:giftFloat 2.8s ease-in-out infinite}.gift-box .box{position:absolute;left:13px;bottom:0;width:70px;height:58px;border-radius:9px;background:linear-gradient(135deg,#ff76ad,#ff4d8e);box-shadow:0 18px 40px rgba(255,77,142,.25)}.gift-box .lid{position:absolute;z-index:3;left:7px;top:18px;width:82px;height:22px;border-radius:8px;background:#ff94be}.gift-box .ribbon-v{position:absolute;z-index:4;width:12px;height:76px;top:17px;left:42px;background:#f8cf8e}.gift-box .ribbon-h{position:absolute;z-index:4;width:82px;height:10px;top:42px;left:7px;background:#f8cf8e}.soft{color:#dbcdd7;margin:8px 0}.gift-card h1{font:800 clamp(3.2rem,11vw,5.3rem)/.95 Georgia,"Times New Roman",serif;margin:7px 0 18px}.gift-card h1 span,.logo span{color:var(--pink)}.intro-copy{color:var(--muted);max-width:410px;line-height:1.7;margin:0 auto 25px}.micro{font-size:.75rem;color:#aa9da8;margin-top:15px}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s}.btn:active{transform:scale(.97)}.primary{background:linear-gradient(135deg,var(--rose),#ff9fc4);color:#260912;box-shadow:0 12px 30px rgba(255,76,139,.24)}.primary:hover{transform:translateY(-2px)}.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--text)}
main{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:max(10px,env(safe-area-inset-top));z-index:40;margin-top:10px;border-radius:20px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 1.25rem Georgia,"Times New Roman",serif}.navlinks{display:flex;gap:22px;color:var(--muted);font-size:.87rem}.navlinks a:hover{color:#fff}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.section{padding:92px 18px;position:relative}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px}.hero h2,.section-head h3,.wish h3,.paper h3{font-family:Georgia,"Times New Roman",serif}.hero h2{font-size:clamp(3.7rem,8.4vw,7.3rem);line-height:.86;letter-spacing:-.055em;margin:.14em 0}.hero h2 em,.section-head h3 em{font-style:italic;color:var(--pink);font-weight:500}.lead{font-size:1.08rem;line-height:1.8;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{display:grid;place-items:center}.portrait-wrap{width:min(430px,86vw);aspect-ratio:4/5;position:relative}.portrait-halo{position:absolute;inset:-16px;border-radius:45% 55% 48% 52% / 43% 43% 57% 57%;background:linear-gradient(135deg,#ff5c9d,#7c5cff,#efc982);filter:blur(2px);opacity:.75;animation:morph 7s ease-in-out infinite}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:45% 55% 48% 52% / 43% 43% 57% 57%;border:8px solid rgba(17,9,18,.85);box-shadow:0 28px 100px rgba(0,0,0,.5)}.photo-tag{position:absolute;right:-10px;bottom:9%;padding:11px 15px;border-radius:999px;font-size:.85rem;font-weight:700}.photo-tag span{color:var(--pink)}.orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.24;pointer-events:none}.orb-a{width:220px;height:220px;background:#ff5798;top:12%;left:38%}.orb-b{width:180px;height:180px;background:#8d73ff;right:0;bottom:8%}.scroll-hint{position:absolute;bottom:18px;left:18px;color:#8f8290;font-size:.62rem;letter-spacing:.2em;writing-mode:vertical-rl}.scroll-hint span{margin-top:8px}.section-head{max-width:730px;margin-bottom:38px}.section-head.centered{text-align:center;margin-inline:auto}.section-head h3{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.035em;margin:.2em 0}.section-head>p:last-child{color:var(--muted);line-height:1.7}.then-now{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;max-width:900px;margin:46px auto 0}.story-card{margin:0;background:#f7eeee;color:#2b1721;padding:10px;border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.35);transform:rotate(-2deg)}.story-card.today{transform:rotate(2deg)}.story-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}.story-card figcaption{padding:17px 10px 12px}.story-card figcaption span{display:block;color:#a55274;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.story-card figcaption strong{display:block;font-family:Georgia,serif;font-size:1.5rem;margin:6px 0}.story-card figcaption small{color:#65525b;line-height:1.5}.story-arrow{font-family:Georgia,serif;font-size:3rem;color:var(--pink);text-align:center}.gallery-section{padding-top:110px}.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}.photo-card{border:0;padding:0;position:relative;border-radius:24px;overflow:hidden;background:#211521;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.3)}.photo-card.tall{grid-row:span 2}.photo-card.wide{grid-column:span 2}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s}.photo-card:hover img{transform:scale(1.045);filter:brightness(.9)}.photo-card span{position:absolute;left:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(10,6,11,.6);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;font-size:.75rem}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reminder{border-radius:27px;padding:26px}.reminder>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,111,168,.13);color:var(--pink);font-weight:800}.reminder h4{font:700 1.45rem Georgia,serif;margin:18px 0 8px}.reminder p{margin:0;color:var(--muted);line-height:1.65}.wish{display:grid;place-items:center}.wish-card{max-width:720px;text-align:center;padding:50px 28px;border-radius:36px}.cake{font-size:60px;animation:giftFloat 2.6s ease-in-out infinite}.wish h3{font-size:clamp(2.7rem,6vw,4.4rem);margin:.15em}.wish-card>p:not(.eyebrow):not(.wish-result){color:var(--muted);line-height:1.7}.wish-result{min-height:28px;margin:22px 0 0;color:var(--gold);font-weight:800}.paper{max-width:850px;margin:auto;background:var(--paper);color:var(--ink);padding:clamp(30px,7vw,72px);border-radius:18px;box-shadow:0 32px 100px rgba(0,0,0,.42);transform:rotate(-.4deg);position:relative}.paper:before{content:"";position:absolute;inset:12px;border:1px solid rgba(98,49,70,.12);border-radius:12px;pointer-events:none}.paper-top{display:flex;justify-content:space-between;color:#a44b70;font-size:.72rem;letter-spacing:.18em;font-weight:800}.paper-top span:last-child{font-size:1.8rem;letter-spacing:0}.paper h3{font-size:clamp(2.8rem,6vw,4.8rem);line-height:1;margin:.35em 0}.paper p{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:1.95;color:#4c3540}.paper .closing{font-weight:700;color:#311a24}.signature{text-align:right;margin-top:28px;font:italic 700 1.15rem Georgia,serif;color:#9e456d}footer{text-align:center;padding:15px 18px 55px;color:#a99aa5}.footer-heart{font:2rem Georgia,serif;color:var(--pink)}.text-btn{border:0;background:none;color:var(--pink);font-weight:800;cursor:pointer}.lightbox{position:fixed;inset:0;z-index:150;background:rgba(5,3,6,.94);display:grid;place-items:center;padding:26px}.lightbox img{max-width:min(92vw,900px);max-height:88vh;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.65)}.lightbox-close{position:fixed;right:18px;top:max(18px,env(safe-area-inset-top));width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1.8rem;cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}
@keyframes giftFloat{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes morph{0%,100%{border-radius:45% 55% 48% 52% / 43% 43% 57% 57%}50%{border-radius:54% 46% 58% 42% / 51% 60% 40% 49%}}
@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-copy{text-align:center}.lead{margin-inline:auto}.actions{justify-content:center}.hero-visual{margin-top:24px}.scroll-hint{display:none}.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.cards{grid-template-columns:1fr}.then-now{grid-template-columns:1fr 45px 1fr}}
@media(max-width:560px){main{width:calc(100% - 18px)}.section{padding:72px 9px}.gift-card{padding:38px 20px 30px;border-radius:28px}.topbar{top:max(7px,env(safe-area-inset-top));margin-top:7px}.hero h2{font-size:clamp(3.55rem,17vw,5.1rem)}.portrait-wrap{width:min(355px,84vw)}.photo-tag{right:0}.then-now{grid-template-columns:1fr;gap:15px}.story-arrow{transform:rotate(90deg);font-size:2rem}.story-card,.story-card.today{transform:none}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:9px}.photo-card.wide{grid-column:span 2}.photo-card{border-radius:18px}.paper{border-radius:14px}.wish-card{padding:42px 18px}.lightbox{padding:14px}.lightbox img{max-width:95vw;max-height:82vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}