@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}:root{--paper:#d8efff;--paper-light:#f3faff;--ink:#17283b;--muted:#587087;--line:rgba(57,97,129,0.22);--green:#2876a7;--green-dark:#1c5d88;--gold:#efc96a;--font-body:var(--font-inter),Arial,sans-serif}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:#d8efff;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}a,button{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}.pageShell{position:relative;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;padding:0 clamp(22px,6.2vw,96px);isolation:isolate}.pageShell:before{z-index:-1;inset:0;background:rgba(230,244,255,.64);content:""}.pageShell:before,.skyBackdrop{position:absolute;pointer-events:none}.skyBackdrop{z-index:-2;inset:-34px;background-color:#7fc7ef;background-image:url(/birthday-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(10px) saturate(1.2) brightness(.82) contrast(1.08);transform:scale(1.04)}.topbar{display:flex;min-height:82px;justify-content:space-between;border-bottom:1px solid rgba(47,92,127,.25);color:#233d56;text-shadow:0 1px rgba(255,255,255,.5)}.topbar,.wordmark{align-items:center}.wordmark{display:inline-flex;gap:10px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:-.025em;text-decoration:none}.wordmarkIcon{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(31,98,143,.48);border-radius:7px;background:rgba(250,253,255,.55);color:var(--green);font-size:12px;font-weight:900}.cardCaption,.edition,.eyebrow,.footer,.overline,.packCaption{font-size:9px;font-weight:600;letter-spacing:.16em}.edition{color:#4a6781}.edition span{padding:0 7px;color:#b28b33}.experience{display:grid;width:min(1120px,100%);flex:1 1;grid-template-columns:minmax(0,.92fr) minmax(350px,1fr);align-items:center;grid-gap:clamp(42px,8vw,120px);gap:clamp(42px,8vw,120px);margin:0 auto;padding:42px 0 46px}.story{max-width:470px;padding:clamp(24px,3.2vw,40px);border:1px solid rgba(255,255,255,.7);border-radius:9px;background:rgba(242,249,255,.58);box-shadow:0 18px 48px rgba(35,83,117,.11),inset 0 1px rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{display:flex;align-items:center;gap:11px;color:#256d9b;font-size:12px}.eyebrowLine{width:25px;height:2px;background:var(--green)}.overline{margin:35px 0 14px;color:#424242;font-size:9px;font-weight:800;letter-spacing:.18em}.headline{margin:0;font-family:var(--font-body);font-size:clamp(46px,5.7vw,76px);font-weight:850;letter-spacing:-.075em;line-height:.98;color:#142a40;text-wrap:balance}.intro{max-width:370px;margin:25px 0 0;color:#45627a;font-size:14px;line-height:1.8}.personalNote{display:flex;align-items:center;gap:12px;margin-top:37px;color:#314d65;font-size:13px;font-weight:600}.personalNoteIcon{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(44,111,155,.34);border-radius:8px;background:rgba(255,255,255,.55);color:#a37a24;font-family:var(--font-body);font-size:13px;font-style:normal}.note{display:flex;align-items:center;gap:9px;margin-top:28px}.noteMark{color:#bc9133;font-family:var(--font-body);font-size:35px;line-height:.7}.note p{margin:0;color:var(--green-dark);font-size:15px;font-weight:700}.showcase{display:flex;min-width:0;justify-content:center}.packStage,.revealStage{display:flex;width:min(100%,390px);flex-direction:column;align-items:center;animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.cardCaption,.packCaption{display:flex;width:min(100%,350px);align-items:center;justify-content:space-between;margin-bottom:13px;color:#526d84;font-size:8px}.pack{position:relative;display:block;width:min(72vw,315px);aspect-ratio:745/1040;padding:0;border:2px solid rgba(255,255,255,.82);border-radius:8px;background:#e8f4fc;box-shadow:0 28px 45px rgba(35,76,106,.27),0 0 0 1px rgba(42,91,128,.22);cursor:pointer;transform:rotate(1deg);transition:transform .28s ease,box-shadow .28s ease}.pack:hover:not(:disabled){transform:translateY(-5px) rotate(0);box-shadow:0 34px 52px rgba(35,76,106,.31),0 0 0 1px rgba(42,91,128,.25)}.pack:active:not(:disabled){transform:scale(.985) rotate(0)}.pack:disabled{cursor:progress}.packImage{position:absolute;inset:0;overflow:hidden}.cardFace img,.packImage img{object-fit:cover}.packSeal{position:absolute;right:-17px;bottom:20px;display:grid;width:47px;height:47px;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:#d5a840;box-shadow:0 4px 12px rgba(34,66,91,.28);color:#fffaf0;font-size:20px;font-weight:800}.packDepth{position:absolute;z-index:-1;inset:7px -8px -7px 8px;border:1px solid #b8d5e7;border-radius:7px;background:#cee3f1;transform:rotate(-1deg)}.packOpening{animation:packOpen 1.05s ease-in-out both}@keyframes packOpen{0%,to{transform:rotate(1deg) scale(1)}18%,52%,84%{transform:rotate(-3deg) scale(1.015)}35%,68%{transform:rotate(4deg) scale(1.025)}92%{transform:rotate(0) scale(.96);opacity:.55}}.openButton{display:flex;width:min(100%,350px);min-height:54px;align-items:center;justify-content:space-between;margin-top:27px;padding:0 18px;border:0;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#2876a7;box-shadow:0 5px 0 #1c5c85,0 10px 24px rgba(27,82,119,.18);color:#f5fbff;cursor:pointer;font-size:12px;font-weight:500;transition:background .18s ease,transform .18s ease}.openButton:hover:not(:disabled){transform:translateY(-2px);background:var(--green-dark)}.openButton:disabled{cursor:progress;opacity:.8}.buttonArrow{font-size:18px}.cardHint,.packHint{margin:13px 0 0;color:#506d84;font-size:10px;letter-spacing:.01em}.isRevealed{align-items:center}.isRevealed .story{animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.rarity{display:inline-flex;align-items:center;background:linear-gradient(90deg,#b4232d,#c65300,#887000,#207a3b,#1761a8,#5836a5,#a32672);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800;gap:7px}.rarity span{font-size:13px}.cardScene{position:relative;width:min(72vw,315px);aspect-ratio:745/1040;perspective:1300px;isolation:isolate}.cardScene:before{position:absolute;z-index:0;inset:-8%;border-radius:18px;background:#6cb8e8;content:"";filter:blur(35px);opacity:.19;pointer-events:none;transform:scale(.88);animation:cardGlow 2.8s ease-in-out infinite alternate}@keyframes cardGlow{0%{opacity:.15;transform:scale(.86)}to{opacity:.25;transform:scale(1)}}.cardHit{position:relative;z-index:1;display:block;width:100%;height:100%;padding:0;border:0;border-radius:3px;background:transparent;cursor:-webkit-grab;cursor:grab;touch-action:none;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cardHit:active{cursor:-webkit-grabbing;cursor:grabbing}.cardHit:focus-visible{outline-offset:7px}.cardHit.cardEnter{animation:cardArrival .85s cubic-bezier(.2,.8,.2,1) both}@keyframes cardArrival{0%{transform:translateY(22px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cardInner{position:relative;width:100%;height:100%;will-change:transform}.cardFlip,.cardInner{display:block;transform-style:preserve-3d}.cardFlip{position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.cardFlip.isFlipped{transform:rotateY(180deg)}.cardThickness{border:1px solid #aa965e;border-radius:4px;background:#d7c58d;transform:translateZ(0)}.cardFace,.cardThickness{position:absolute;inset:0;display:block}.cardFace{overflow:hidden;border-radius:3px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 26px 48px rgba(24,58,84,.31),0 0 0 1px rgba(45,93,128,.25);transform:translateZ(2px)}.cardBack{transform:rotateY(180deg) translateZ(2px)}.cardActions{display:flex;width:min(100%,350px);align-items:center;justify-content:space-between;margin-top:20px}.againButton,.flipButton{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(71,120,157,.25);border-radius:5px;background:rgba(241,249,255,.72);box-shadow:0 3px 10px rgba(33,80,113,.08);cursor:pointer;font-size:11px;transition:border-color .18s ease,background .18s ease}.againButton:hover,.flipButton:hover{border-color:var(--green);background:var(--paper-light)}.flipIcon{color:var(--green);font-size:16px}.againButton{border-color:transparent;background:rgba(241,249,255,.42);color:var(--muted)}.cardHint{margin-top:11px}.footer{display:flex;min-height:56px;align-items:center;justify-content:center;gap:15px;border-top:1px solid rgba(47,92,127,.25);color:#4a6781;font-size:8px;letter-spacing:.15em}.footerHeart{color:#b75a69;font-size:11px}.confettiCanvas{position:fixed;inset:0;z-index:20;width:100vw;height:100vh;pointer-events:none}@media (min-width:1100px) and (min-height:850px){.experience{padding-top:60px;padding-bottom:60px}.cardScene,.pack{width:335px}}@media (max-width:820px){.pageShell{min-height:100svh;padding:0 22px}.topbar{min-height:65px}.experience{width:100%;grid-template-columns:1fr;gap:30px;padding:31px 0 35px}.story{max-width:520px;padding-bottom:0}.overline{margin-top:21px;margin-bottom:10px}.headline{font-size:clamp(48px,12vw,72px)}.intro{max-width:460px;margin-top:17px;font-size:13px;line-height:1.65}.personalNote{margin-top:20px}.note{margin-top:18px}.packStage,.revealStage,.showcase{width:100%}.cardScene,.pack{width:min(68vw,285px)}.cardActions,.cardCaption,.openButton,.packCaption{width:min(100%,330px)}.openButton{margin-top:21px}.footer{min-height:50px;gap:9px;font-size:7px}.isRevealed{align-items:start}.isRevealed .story{max-width:520px}.isRevealed .overline{margin-top:17px}}@media (max-width:390px){.pageShell{padding-right:17px;padding-left:17px}.edition{font-size:7px;letter-spacing:.12em}.headline{font-size:47px}.cardScene,.pack{width:min(72vw,270px)}.footer{letter-spacing:.08em}}@media (max-height:760px) and (min-width:761px){.experience{padding-top:25px;padding-bottom:25px}.cardScene,.pack{width:min(38vh,285px)}.headline{font-size:clamp(52px,5.6vw,76px)}.overline{margin-top:24px}.intro{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}