:root{--cream:#fff1c9;--gold:#ffc46b;--cyan:#13d2ec;--violet:#bf72ed;--night:#041c45;--panel:#082f62}*{box-sizing:border-box}html{background:#031735}body{min-height:100vh;margin:0;color:#f8f4e7;font-family:"Avenir Next",Avenir,Montserrat,system-ui,sans-serif;background:radial-gradient(circle at 51% 32%,#106e97 0,rgba(12,85,126,.83) 22%,transparent 48%),radial-gradient(circle at 50% 69%,rgba(249,205,117,.25),transparent 27%),linear-gradient(160deg,#031635 0%,#063467 55%,#05234e 100%);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("backs_web/card-back.webp");background-size:900px auto;background-position:center 12%;filter:blur(14px);mix-blend-mode:screen}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffd778 0 1px,transparent 1.5px),radial-gradient(circle,#fff4cf 0 1px,transparent 1.4px);background-size:137px 163px,211px 179px;background-position:12px 24px,74px 91px;opacity:.75}.clouds{position:absolute;width:45vw;height:34rem;top:42rem;opacity:.16;filter:blur(2px);background:radial-gradient(ellipse at 20% 70%,#ffe299 0 13%,transparent 14%),radial-gradient(ellipse at 42% 66%,#ffe299 0 20%,transparent 21%),radial-gradient(ellipse at 67% 78%,#ffe299 0 18%,transparent 19%)}.clouds-left{left:-14vw}.clouds-right{right:-14vw;transform:scaleX(-1)}.page{position:relative;z-index:1;width:min(100% - 32px,900px);margin:auto;padding:68px 0 38px;text-align:center}.hero h1{margin:0;padding-left:.28em;color:var(--cream);font-size:clamp(3rem,10vw,6rem);font-weight:300;letter-spacing:.28em;text-shadow:0 5px 22px rgba(255,213,143,.12)}.subtitle{margin:3px 0 14px;color:var(--cream);font-size:clamp(1.2rem,4vw,2rem);font-weight:300;letter-spacing:.03em}.ornament{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--cream);height:35px}.ornament i{width:76px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,241,201,.65))}.ornament i:last-child{transform:scaleX(-1)}.ornament span{font-size:1.55rem}.ornament b{font-size:1.65rem}.ornament em{font-size:1.15rem;font-style:normal}.promise{margin:13px 0 5px;color:var(--gold);font-weight:600;font-size:clamp(.95rem,2.4vw,1.2rem)}.tomorrow{margin:0;color:rgba(255,255,255,.82);font-size:1rem}.test-badge{display:inline-block;margin:17px 0 0;padding:7px 15px;border:1px solid rgba(255,205,123,.45);border-radius:99px;color:#ffe0a7;background:rgba(3,25,63,.32);font-size:.77rem;letter-spacing:.04em}.card-area{padding-top:27px}.card-button,.message-button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;perspective:1200px}.card-button:focus-visible,.message-button:focus-visible,.next-button:focus-visible{outline:3px solid var(--gold);outline-offset:8px}.card-frame{display:block;width:min(72vw,420px);aspect-ratio:3/4;overflow:hidden;border-radius:27px;border:1px solid rgba(255,230,158,.42);background:#063462;box-shadow:0 26px 40px rgba(0,8,27,.48),0 0 38px rgba(69,214,232,.12);position:relative;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.card-frame img{display:block;width:100%;height:100%;object-fit:cover}.card-button:not(:disabled):hover .card-frame{transform:translateY(-6px) scale(1.01)}.card-button.is-turning .card-frame,.message-button.is-turning{transform:rotateY(90deg) scale(.96)}.card-button.is-open{cursor:default}.glint{position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.22) 50%,transparent 57%);transform:translateX(-62%);transition:transform 1.1s}.card-button.is-open .glint{transform:translateX(62%)}.tap-hint{margin:23px auto 0;color:rgba(255,249,228,.8);font-size:clamp(.86rem,2.5vw,1rem)}.tap-hint span{display:inline-block;margin-right:8px;color:var(--cream);font-size:1.6rem;vertical-align:-.18em}.card-count{margin:8px 0 0;color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.message-area{margin-top:42px}.message-button{display:block;width:min(100%,740px);min-height:172px;margin:auto;border:1px solid rgba(255,222,134,.6);border-radius:31px;overflow:hidden;box-shadow:0 18px 35px rgba(0,10,36,.38),0 0 24px rgba(225,85,226,.16);transition:transform .55s ease,filter .3s;position:relative}.message-button:not(:disabled):hover{transform:translateY(-4px);filter:brightness(1.08)}.message-button:disabled{cursor:default}.message-cover,.message-cover img{display:block;width:100%;height:100%}.message-cover{position:absolute;inset:0}.message-cover img{object-fit:cover}.message-text{min-height:172px;padding:30px clamp(25px,7vw,68px);align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,248,218,.98),rgba(255,213,147,.97));color:#12315d;font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.45}.message-text:not([hidden]){display:flex}.message-button.is-open{border-color:rgba(255,230,163,.9)}.next-wrap{color:rgba(255,249,231,.82);font-family:Georgia,serif}.next-wrap>p{margin:20px auto 14px}.next-button{border:1px solid var(--cyan);border-radius:99px;padding:12px 24px;color:#fff;background:rgba(4,40,84,.55);font:600 .85rem inherit;cursor:pointer;transition:.25s}.next-button:hover{background:rgba(14,126,161,.42);transform:translateY(-2px)}.countdown-line{color:var(--gold)!important;font-variant-numeric:tabular-nums}.disclaimer{margin-top:34px;padding:22px clamp(18px,4vw,38px) 18px;border:1px solid rgba(255,213,126,.38);border-radius:25px;background:rgba(2,24,59,.36);box-shadow:inset 0 0 32px rgba(34,131,180,.08)}.disclaimer h2{margin:0 0 17px;text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400}.disclaimer h2 span{margin-right:8px}.disclaimer p{margin:6px 0;color:rgba(255,255,255,.84);font-size:.83rem;line-height:1.48}.socials{display:grid;grid-template-columns:1fr 1.15fr;gap:15px;margin-top:21px}.social-button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;border:1px solid var(--cyan);border-radius:99px;background:linear-gradient(90deg,rgba(2,29,70,.84),rgba(8,61,106,.74));font-size:.91rem}.social-button:last-child{border-color:var(--violet);background:linear-gradient(90deg,rgba(26,30,90,.75),rgba(87,43,92,.7));box-shadow:inset -12px 0 25px rgba(250,137,62,.15)}.social-button b{font-size:1.5rem}.is-placeholder{opacity:.9}footer{margin-top:24px;color:rgba(255,255,255,.32);font-size:.72rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}noscript{display:block;padding:20px;background:#fff;color:#222}.card-area,.message-area{scroll-margin-top:24px}@media(max-width:650px){.page{padding-top:40px}.socials{grid-template-columns:1fr}.wide-only{display:none}.disclaimer p{font-size:.78rem}.message-button{min-height:135px;border-radius:23px}.message-text{min-height:135px}.clouds{top:34rem}.hero h1{font-size:clamp(2.7rem,15vw,4.8rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}