:root{--ink:#352d45;--muted:#776e84;--cream:#fffaf0;--pink:#ff5c8a;--pink-dark:#e93d72;--sun:#ffca51;--mint:#5bd5c5;--purple:#916cff}*{box-sizing:border-box}body{color:var(--ink);background:#fff3d9;margin:0;font-family:DM Sans,sans-serif}button{font:inherit}.page{isolation:isolate;background-color:#0000;background-image:radial-gradient(circle at 50% 44%,#fffffffa 0 12%,#0000 43%),linear-gradient(145deg,#fff3cd 0%,#ffe3e8 45%,#e8e0ff 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:150% 150%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:100svh;padding:48px 24px;animation:16s ease-in-out infinite alternate background-breathe;display:grid;position:relative;overflow:hidden}.page:before{content:"";z-index:-4;opacity:.3;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient{z-index:-3;filter:blur(14px);opacity:.72;will-change:transform;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;background:#ffca5185;width:min(52vw,680px);animation:19s ease-in-out infinite blob-one;top:-28%;left:-16%}.ambient-two{aspect-ratio:1;background:#916cff59;width:min(48vw,610px);animation:23s ease-in-out infinite blob-two;bottom:-30%;right:-17%}.ambient-three{aspect-ratio:1;background:#5bd5c559;width:min(36vw,460px);animation:21s ease-in-out infinite blob-three;top:2%;right:-13%}.ambient-four{aspect-ratio:1;background:#ff5c8a38;width:min(30vw,380px);animation:17s ease-in-out infinite blob-four;bottom:2%;left:-12%}.card{-webkit-backdrop-filter:blur(22px);background:#fffaf0c7;border:1px solid #ffffffe6;border-radius:42px;flex-direction:column;width:min(100%,660px);min-height:630px;padding:20px;display:flex;position:relative;box-shadow:0 1px 1px #51324f08,0 24px 80px #61466c24,inset 0 0 0 1px #ffffff59}.card:after{content:"";z-index:-1;pointer-events:none;border:1px dashed #a484952b;border-radius:34px;position:absolute;inset:9px}.brand{color:#5b5068;letter-spacing:.09em;text-transform:uppercase;background:#ffffff8f;border:1px solid #573d5c14;border-radius:999px;align-self:center;align-items:center;gap:9px;width:fit-content;padding:8px 13px 8px 9px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 24px #4f3d560d}.brand-mark{color:#5c4520;background:var(--sun);border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:grid;transform:rotate(-8deg)}.status-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-left:1px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #5bd5c529}.message-area{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 28px 34px;display:flex}.emoji-orbit{background:radial-gradient(circle at 35% 25%,#fff,#ffffff73 65%),linear-gradient(135deg,#ffca5147,#ff5c8a2e);border:1px solid #916cff24;border-radius:50%;place-items:center;width:118px;height:118px;margin-bottom:26px;animation:.55s cubic-bezier(.16,1.5,.3,1) pop-in;display:grid;position:relative;box-shadow:0 18px 42px #845b7721,inset 0 -10px 24px #ff849f14}.emoji-orbit:after{content:"";border:1px dashed #916cff33;border-radius:50%;animation:18s linear infinite orbit;position:absolute;inset:-10px}.message-emoji{filter:drop-shadow(0 7px 5px #512d4b1c);font-size:54px;animation:3.8s ease-in-out infinite float;display:block}.orbit-dot{z-index:2;border:2px solid var(--cream);border-radius:50%;width:9px;height:9px;position:absolute}.dot-one{background:var(--pink);top:7px;right:8px}.dot-two{background:var(--mint);bottom:24px;left:-2px}.dot-three{background:var(--purple);bottom:-4px;right:19px}h1{color:#362b43;letter-spacing:-.045em;text-wrap:balance;max-width:500px;margin:0;font-family:Fraunces,serif;font-size:clamp(36px,7vw,58px);font-weight:700;line-height:1.02;animation:.5s cubic-bezier(.16,1,.3,1) words-in}.action-area{flex-direction:column;align-items:center;padding:0 24px 38px;display:flex}button{isolation:isolate;color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#ff668f,#f13f76);border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:min(100%,330px);min-height:70px;font-size:16px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px #cf3061,0 22px 36px #de34693d,inset 0 2px 1px #ffffff73}button:before{content:"";z-index:-1;border-radius:inherit;border:1px solid #ffffff59;position:absolute;inset:3px}button:hover{filter:saturate(1.08)brightness(1.02);transform:translateY(-3px);box-shadow:0 15px #cf3061,0 28px 42px #de34694a,inset 0 2px 1px #ffffff73}button:active{transform:translateY(8px)scale(.985);box-shadow:0 4px #cf3061,0 12px 20px #de34693b,inset 0 2px 1px #ffffff59}button:focus-visible{outline-offset:6px;outline:4px solid #916cff4d}.button-spark{font-size:16px;transition:transform .25s}button:hover .button-spark{transform:rotate(45deg)scale(1.2)}.button-shine{z-index:-1;opacity:.3;filter:blur(12px);background:#fff;width:80px;height:180%;transition:left .6s;position:absolute;top:-40%;left:-100px;transform:rotate(18deg)}button:hover .button-shine{left:calc(100% + 80px)}.floating-shape{z-index:-1;color:#68506d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:translate, rotate;border:1px solid #ffffffa6;place-items:center;animation:8s ease-in-out infinite wander;display:grid;position:absolute;box-shadow:0 12px 32px #5a3e5b1c}.shape-one{background:#ffca51bd;border-radius:20px;width:58px;height:58px;font-size:24px;top:15%;left:max(5%,50% - 440px);transform:rotate(-13deg)}.shape-two{background:#5bd5c5ad;border-radius:50%;width:74px;height:74px;font-size:35px;animation:11s ease-in-out -2s infinite wander-wide;top:24%;right:max(4%,50% - 470px)}.shape-three{color:#fff;background:#ff5c8ab3;border-radius:50% 50% 16px;width:54px;height:54px;font-size:22px;animation:9s ease-in-out -4s infinite wander-side;bottom:18%;left:max(4%,50% - 485px)}.shape-four{background:#916cff80;border-radius:22px;width:64px;height:64px;font-size:27px;animation:10s ease-in-out -5s infinite reverse wander-wide;bottom:12%;right:max(5%,50% - 430px);transform:rotate(12deg)}@keyframes background-breathe{0%{background-position:40% 40%}to{background-position:60% 60%}}@keyframes blob-one{0%,to{transform:translate(0,0)scale(1)}35%{transform:translate(20vw,12vh)scale(1.12)}70%{transform:translate(8vw,30vh)scale(.94)}}@keyframes blob-two{0%,to{transform:translate(0,0)scale(1)}30%{transform:translate(-24vw,-10vh)scale(1.08)}68%{transform:translate(-10vw,-31vh)scale(.92)}}@keyframes blob-three{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(-26vw,16vh)scale(1.18)}75%{transform:translate(-9vw,38vh)scale(.88)}}@keyframes blob-four{0%,to{transform:translate(0,0)scale(1)}45%{transform:translate(28vw,-24vh)scale(1.2)}75%{transform:translate(10vw,-40vh)scale(.9)}}@keyframes pulse{50%{opacity:.65;transform:scale(.75)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-5px)rotate(3deg)}}@keyframes wander{50%{translate:8px -20px;rotate:12deg}}@keyframes wander-wide{35%{translate:-24px 16px;rotate:-12deg}70%{translate:18px -24px;rotate:10deg}}@keyframes wander-side{35%{translate:22px -18px;rotate:14deg}70%{translate:-12px 14px;rotate:-8deg}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)rotate(-12deg)}}@keyframes words-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}}@media (max-width:760px){.page{padding:20px 14px}.card{border-radius:32px;min-height:min(680px,100svh - 90px);padding:14px}.card:after{border-radius:26px;inset:7px}.message-area{padding:28px 12px 26px}.emoji-orbit{width:98px;height:98px;margin-bottom:22px}.message-emoji{font-size:45px}h1{font-size:clamp(34px,11vw,48px)}button{min-height:64px}.floating-shape{opacity:.5;transform:scale(.72)}.shape-one,.shape-three{left:-15px}.shape-two,.shape-four{right:-18px}}@media (max-height:740px) and (min-width:600px){.page{padding-top:28px;padding-bottom:60px}.card{min-height:570px}.message-area{padding-top:22px;padding-bottom:20px}.emoji-orbit{width:96px;height:96px;margin-bottom:20px}.message-emoji{font-size:45px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}