:root{--ink:#29272d;--muted:#6f6971;--accent:#a75f73;--line:rgba(77,62,72,.12)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:#eef1f7;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page-shell{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(255,223,228,.9),transparent 35%),radial-gradient(circle at 88% 82%,rgba(208,222,245,.9),transparent 38%),linear-gradient(145deg,#f7f3f4,#f1f3f8 50%,#e9eef7)}.ambient{position:absolute;width:min(80vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,181,197,.25),rgba(177,196,228,.13) 48%,transparent 72%);filter:blur(16px);animation:breathe 8s ease-in-out infinite alternate}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particles i{position:absolute;bottom:-20px;width:5px;height:5px;border-radius:50%;background:rgba(167,95,115,.28);box-shadow:0 0 15px rgba(167,95,115,.2);animation:float-up 13s linear infinite}.particles i:nth-child(1){left:8%;animation-delay:-2s;animation-duration:14s}.particles i:nth-child(2){left:17%;width:3px;height:3px;animation-delay:-9s;animation-duration:17s}.particles i:nth-child(3){left:27%;animation-delay:-5s;animation-duration:12s}.particles i:nth-child(4){left:39%;animation-delay:-11s;animation-duration:19s}.particles i:nth-child(5){left:48%;animation-delay:-3s;animation-duration:16s}.particles i:nth-child(6){left:57%;animation-delay:-13s;animation-duration:18s}.particles i:nth-child(7){left:66%;animation-delay:-7s;animation-duration:15s}.particles i:nth-child(8){left:76%;animation-delay:-1s;animation-duration:20s}.particles i:nth-child(9){left:87%;animation-delay:-10s;animation-duration:13s}.particles i:nth-child(10){left:93%;animation-delay:-6s;animation-duration:18s}.particles i:nth-child(11){left:33%;animation-delay:-15s;animation-duration:21s}.particles i:nth-child(12){left:71%;animation-delay:-4s;animation-duration:17s}.card{position:relative;z-index:1;width:min(100%,600px);min-height:min(560px,76svh);display:flex;flex-direction:column;padding:clamp(25px,6vw,48px);border:1px solid rgba(91,69,80,.1);border-radius:26px;background:rgba(255,255,255,.76);box-shadow:0 30px 90px rgba(67,55,70,.13),inset 0 1px rgba(255,255,255,.8);backdrop-filter:blur(22px);animation:card-drift 6s ease-in-out infinite alternate}.progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.progress span{height:2px;border-radius:5px;background:rgba(54,45,53,.1)}.progress span.active{background:var(--accent);box-shadow:0 0 10px rgba(167,95,115,.24);animation:progress-glow .8s ease both}.content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:44px 0 36px;animation:arrive .65s cubic-bezier(.22,.7,.2,1) both}.eyebrow{margin:0 0 22px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;animation:soft-rise .55s .05s ease both}h1{max-width:520px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;animation:soft-rise .65s .14s ease both}.body-copy{max-width:500px;margin:25px 0 0;color:var(--muted);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.06rem,4.3vw,1.24rem);line-height:1.7;animation:soft-rise .7s .28s ease both}button{position:relative;overflow:hidden;min-height:54px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 21px;border:1px solid rgba(113,75,91,.15);border-radius:15px;color:#fff;background:linear-gradient(135deg,#a75f73,#8e5267);box-shadow:0 10px 28px rgba(142,82,103,.18);font:inherit;cursor:pointer;transition:.2s}button::before{content:'';position:absolute;inset:-100% auto -100% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg);animation:button-shine 4.8s 1.2s ease-in-out infinite}button:active{transform:scale(.985)}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.arrow{font-size:1.35rem}.final h1{color:#9a566a;font-size:clamp(2.65rem,12vw,5rem);font-style:italic}.final .body-copy{color:#5f5961;animation:soft-rise .7s 1.45s ease both}.falling-title>span[aria-hidden=true]{display:flex;white-space:nowrap}.falling-letter{display:inline-block;opacity:0;transform:translateY(-220px) rotate(var(--tilt));animation:letter-drop .82s cubic-bezier(.2,.82,.28,1.18) forwards}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.signature{position:absolute;right:22px;bottom:13px;color:rgba(53,46,55,.35);font-family:Georgia,serif}@keyframes arrive{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes soft-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes letter-drop{0%{opacity:0;transform:translateY(-220px) rotate(var(--tilt))}68%{opacity:1;transform:translateY(9px)}84%{transform:translateY(-4px)}100%{opacity:1;transform:none;text-shadow:0 8px 24px rgba(154,86,106,.22)}}@keyframes breathe{to{transform:scale(1.08)}}@keyframes card-drift{to{transform:translateY(-4px)}}@keyframes progress-glow{from{transform:scaleX(.25);transform-origin:left;opacity:.4}}@keyframes button-shine{0%,68%{left:-35%}84%,100%{left:125%}}@keyframes float-up{0%{transform:translateY(0);opacity:0}12%{opacity:.65}82%{opacity:.32}100%{transform:translateY(-110vh) translateX(28px);opacity:0}}@media(max-width:480px){.page-shell{padding:12px;align-items:stretch}.card{min-height:calc(100svh - 48px);border-radius:21px}.content{padding:34px 0 26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}