/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#171226;--cream:#fff7df;--pink:#ff3d81;--yellow:#ffd23f;--blue:#29d3ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--cream);font-family:Arial Black,Impact,Haettenschweiler,sans-serif}button,img{-webkit-tap-highlight-color:transparent}.intro-screen{z-index:50;color:#fff;background:#0a0812;grid-template-columns:minmax(280px,.9fr) minmax(280px,.68fr);align-items:center;gap:clamp(28px,7vw,100px);padding:clamp(30px,6vw,82px) max(22px,50vw - 560px);animation:.5s both intro-arrive;display:grid;position:fixed;inset:0;overflow:auto}.intro-screen:before{content:"";pointer-events:none;opacity:.2;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.intro-glow{aspect-ratio:1;filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#9730ff57,#0000 66%);border-radius:50%;width:min(720px,80vw);position:fixed;top:10vh;left:-20vw}.intro-copy{z-index:1;position:relative}.intro-kicker{color:#dba7ff;letter-spacing:.13em;border:2px solid #a83cff;margin:0 0 20px;padding:8px 11px;font:800 clamp(.66rem,1.6vw,.78rem)/1.2 system-ui,sans-serif;display:inline-block;transform:rotate(-1deg)}.intro-copy h2{letter-spacing:-.06em;text-shadow:6px 7px #322044;max-width:670px;margin:0;font-size:clamp(3.6rem,9vw,7.8rem);line-height:.78}.intro-copy h2 span{color:#bc50ff;text-shadow:5px 6px #4d176d;display:block}.intro-lede{color:#d8d2e2;margin:28px 0 30px;font:700 clamp(1rem,2.5vw,1.3rem)/1.4 system-ui,sans-serif}.intro-button{color:#0a0812;letter-spacing:.045em;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:5px;min-height:64px;padding:15px 22px;font:900 clamp(.9rem,2.6vw,1.08rem)/1 system-ui,sans-serif;transition:transform .14s,box-shadow .14s;box-shadow:7px 7px #a83cff}.intro-button span{margin-left:9px;transition:transform .14s;display:inline-block}.intro-button:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #a83cff}.intro-button:hover span{transform:translate(5px)}.intro-button:active{transform:translate(5px,5px);box-shadow:2px 2px #a83cff}.intro-button:focus-visible{outline:4px solid var(--yellow);outline-offset:5px}.request-card{z-index:1;background:#17131f;border:3px solid #fff;width:min(100%,430px);margin:0 auto;padding:12px 12px 18px;position:relative;transform:rotate(2.4deg);box-shadow:15px 17px #7023a5}.request-image{object-fit:contain;background:#080b11;width:100%;max-height:68svh;display:block}.request-card figcaption{color:#c6b9d0;letter-spacing:.12em;padding:14px 4px 0;font:800 .7rem/1 system-ui,sans-serif}.request-tape{z-index:2;color:#0a0812;background:var(--yellow);letter-spacing:.08em;padding:8px 13px;font:900 .72rem/1 system-ui,sans-serif;position:absolute;top:-19px;right:-20px;transform:rotate(7deg);box-shadow:3px 3px #fff}.intro-active{filter:blur(7px);height:100svh}.birthday-page{isolation:isolate;background:radial-gradient(circle at 12% 16%,#ff3d8133 0 4px,#0000 5px) 0 0/44px 44px,radial-gradient(circle at 88% 76%,#29d3ff3d 0 5px,#0000 6px) 0 0/58px 58px,linear-gradient(135deg,#fff9e7 0%,#fff0c3 100%);place-items:center;min-height:100svh;padding:34px 18px 54px;display:grid;position:relative;overflow:hidden}.sunburst{z-index:-2;aspect-ratio:1;opacity:.62;background:repeating-conic-gradient(from -4deg,#ffd23fa3 0deg 8deg,#0000 8deg 18deg);border-radius:50%;width:min(940px,145vw);animation:45s linear infinite slow-spin;position:fixed}.hero{text-align:center;width:min(660px,100%)}.eyebrow{color:#fff;background:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--pink);letter-spacing:.14em;margin:0 0 12px;padding:7px 13px;font:800 clamp(.7rem,2.5vw,.86rem)/1 system-ui,sans-serif;display:inline-block;transform:rotate(-1deg)}h1{letter-spacing:-.055em;text-shadow:4px 4px 0 var(--yellow), 7px 7px 0 var(--pink);margin:0 0 18px;font-size:clamp(2.55rem,10vw,5rem);line-height:.84}h1 span{letter-spacing:.08em;text-shadow:2px 2px 0 var(--blue);margin-top:12px;font-size:.39em;line-height:1;display:block}.photo-stage{transform-origin:50% 100%;filter:drop-shadow(12px 13px #17122633);width:min(350px,79vw);margin:0 auto;position:relative}.miguel-photo{object-fit:cover;object-position:center 47%;border:6px solid var(--ink);background:#fff;border-radius:14px 14px 4px 4px;width:100%;height:min(430px,50svh);display:block}.photo-caption{color:#fff;background:var(--pink);border:4px solid var(--ink);letter-spacing:.08em;margin:-4px 9px 0;padding:10px 8px;font-size:clamp(.78rem,3.2vw,1rem);position:relative;transform:rotate(-1.5deg)}.age-badge{z-index:2;aspect-ratio:1;border:4px solid var(--ink);background:var(--yellow);width:96px;box-shadow:5px 5px 0 var(--blue);border-radius:50%;place-items:center;padding:8px;font:900 .7rem/1.08 system-ui,sans-serif;display:grid;position:absolute;top:16px;right:-34px;transform:rotate(11deg)}.instruction{letter-spacing:.1em;text-transform:uppercase;margin:22px 0 9px;font:800 .78rem/1 system-ui,sans-serif}.birthday-button{border:5px solid var(--ink);width:min(430px,96%);min-height:64px;color:var(--ink);background:var(--yellow);box-shadow:0 9px 0 var(--ink);letter-spacing:.02em;cursor:pointer;border-radius:12px;padding:13px 18px;font:900 clamp(1.05rem,5vw,1.55rem)/1 system-ui,sans-serif;transition:transform .12s,box-shadow .12s,background .12s}.birthday-button:hover{box-shadow:0 11px 0 var(--ink);background:#ffe170;transform:translateY(-2px)}.birthday-button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(7px)}.birthday-button:focus-visible{outline:5px solid var(--blue);outline-offset:5px}.birthday-button span{margin:0 5px;display:inline-block}.counter{opacity:0;letter-spacing:.08em;text-transform:uppercase;min-height:18px;margin:14px 0 0;font:800 .75rem/1.2 system-ui,sans-serif}.counter.visible{opacity:.66}.footer-note{opacity:.56;margin:0;font:600 .62rem/1.2 system-ui,sans-serif;position:absolute;bottom:10px;right:16px}.is-jumping{animation:1.05s cubic-bezier(.2,.7,.2,1) miguel-jump}.confetti-layer{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{border:2px solid #17122661;width:11px;height:19px;animation:2.5s cubic-bezier(.2,.7,.4,1) forwards confetti-fall;position:absolute;top:-24px}@keyframes miguel-jump{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(5px)scale(.97,1.03)rotate(-2deg)}48%{transform:translateY(-105px)scale(1.05,.96)rotate(5deg)}70%{transform:translateY(3px)scale(.98,1.02)rotate(-2deg)}84%{transform:translateY(-17px)rotate(1deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-8vh)rotate(0)}to{transform:translateY(112vh) rotate(var(--spin));opacity:.9}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes intro-arrive{0%{opacity:0;transform:scale(1.02)}}@media (max-width:760px){.intro-screen{text-align:center;grid-template-columns:1fr;align-content:start;gap:36px;padding:36px 22px 60px}.intro-copy h2{font-size:clamp(3.4rem,17vw,6.2rem)}.intro-kicker{margin-top:6px}.intro-lede{margin:24px 0}.request-card{order:2;width:min(84vw,360px)}.request-image{max-height:57svh}}@media (max-width:520px){.birthday-page{place-items:start center;padding-top:24px}.miguel-photo{height:min(380px,47svh)}.age-badge{width:82px;font-size:.6rem;right:-16px}h1{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.sunburst{animation:none}.is-jumping{animation:.45s gentle-pop}.confetti{display:none;animation-duration:.01ms!important}}@keyframes gentle-pop{50%{transform:scale(1.04)}}
