:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#213c32;background:#f5f5ea}*{box-sizing:border-box}body{margin:0;min-width:320px}.page{position:relative;min-height:100svh;overflow:hidden;justify-content:center;align-items:center;padding:36px 24px;background:radial-gradient(circle at 50% 45%,#fffdf5,#f7f6e9 55%,#eeefde)}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.ambient-one{width:460px;height:460px;left:-235px;top:-230px;background:radial-gradient(circle,#f4daaa,#f4daaa00 70%)}.ambient-two{width:560px;height:560px;right:-270px;bottom:-340px;background:radial-gradient(circle,#c8dfc6,#c8dfc600 70%)}.content{position:relative;z-index:1;width:100%;max-width:720px;align-items:center}.home,.celebration{width:100%;align-items:center;text-align:center}.mark{flex-direction:row;align-items:center;gap:9px;color:#436854;font-weight:900;font-size:12px;letter-spacing:.22em;margin-bottom:clamp(46px,9vh,92px)}.mark-dot{width:12px;height:12px;border-radius:50%;background:#eaa360;box-shadow:0 0 0 4px #eaa36030}.intro{align-items:center}.eyebrow{color:#64906a;font-size:12px;font-weight:800;letter-spacing:.2em}.headline{max-width:690px;margin:16px 0 10px;color:#244936;font-size:clamp(48px,8vw,90px);line-height:.99;letter-spacing:-.065em;font-weight:850}.description{margin:12px 0 0;color:#718176;font-size:clamp(16px,2vw,20px);line-height:1.5}.props-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:clamp(230px,31vw,310px);height:clamp(230px,31vw,310px);margin-top:clamp(44px,7vh,70px);border:0;border-radius:50%;color:#fffdf1;background:linear-gradient(145deg,#569b6b 2%,#246c4c 86%);box-shadow:0 12px #22593e,0 25px 50px #235d3e35,inset 0 3px 3px #fff5,inset 0 -9px 16px #174f3980;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}.props-button:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 17px #22593e,0 32px 58px #235d3e44,inset 0 3px 3px #fff5,inset 0 -9px 16px #174f3980;filter:saturate(1.1)}.props-button:active{transform:translateY(8px) scale(.98);box-shadow:0 4px #22593e,0 10px 25px #235d3e35,inset 0 3px 3px #fff5}.props-button:focus-visible{outline:4px solid #e49b55;outline-offset:10px}.button-emoji{position:relative;z-index:1;font-size:clamp(67px,10vw,98px);line-height:1.15;filter:drop-shadow(0 5px 5px #18482b45)}.button-title{position:relative;z-index:1;font-size:clamp(22px,3vw,29px);font-weight:800;letter-spacing:-.04em}.button-shine{position:absolute;width:75%;height:43%;left:8%;top:4%;border-radius:50%;background:linear-gradient(#ffffff28,#fff0);transform:rotate(-25deg);pointer-events:none}.hint{margin-top:37px;color:#8a988a;font-size:14px;font-weight:500}.bottom-decoration{position:absolute;bottom:25px;width:60px;height:4px;border-radius:10px;background:#d0d9c8}.page-celebrating{background:radial-gradient(circle at center,#fff9dc,#f5f5e7 56%,#e3efdc)}.page-celebrating:before,.page-celebrating:after{content:"";position:absolute;inset:-25%;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,#f1bd6a00 0deg 14deg,#f1bd6a30 15deg 16deg,#f1bd6a00 17deg 31deg);opacity:.6;animation:rays 12s linear infinite}.page-celebrating:after{transform:rotate(9deg);opacity:.3}.celebration{animation:enter .55s cubic-bezier(.2,1.3,.4,1) both}.celebration-icon{width:158px;height:158px;align-items:center;justify-content:center;margin-bottom:35px;border-radius:50%;background:#fff9e8;box-shadow:0 15px 35px #a4956530,0 0 0 13px #fff9e87a,0 0 0 29px #fff9e838;font-size:82px}.celebration-eyebrow{color:#b1793f}.celebration-title{font-size:clamp(49px,8vw,88px)}.timer-track{width:min(270px,70vw);height:6px;margin-top:55px;border-radius:10px;background:#dce3d3;overflow:hidden}.timer-fill{height:100%;width:100%;border-radius:inherit;background:#4e9a69;transform-origin:left;animation:countdown 5s linear forwards}.timer-caption{margin-top:14px;color:#899889;font-size:13px}@keyframes countdown{to{transform:scaleX(0)}}@keyframes enter{0%{transform:translateY(30px) scale(.88);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rays{to{transform:rotate(360deg)}}@media(max-height:680px){.page{padding:20px}.mark{margin-bottom:24px}.props-button{width:200px;height:200px;margin-top:26px}.button-emoji{font-size:62px}.hint{margin-top:23px}.celebration-icon{width:110px;height:110px;font-size:58px;margin-bottom:20px}.timer-track{margin-top:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}