*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17243b;--ink-soft:#415066;--muted:#6d7687;--paper:#fbfdff;--paper-strong:#fff;--aqua:#58c6c7;--mint:#cdeee5;--coral:#f07f7b;--peach:#ffe4d6;--blue:#355c9b;--gold:#f0c86b;--line:#273f6321;--shadow:0 28px 70px #17243b2e;--shadow-soft:0 16px 40px #17243b1c}html{background:#eef7f8;min-height:100%}body{min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background:linear-gradient(125deg,#cdeee5f2,#0000 36%),linear-gradient(235deg,#ffe4d6d1,#0000 42%),linear-gradient(#fbfdff 0%,#eef7f8 52%,#eaf0ff 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#17243b09 1px,#0000 1px),linear-gradient(90deg,#17243b09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 78%);mask-image:linear-gradient(#0000008c,#0000 78%)}body:after{content:"";pointer-events:none;filter:blur(10px);opacity:.78;background:linear-gradient(115deg,#0000 18%,#58c6c729 30%,#0000 44%),linear-gradient(245deg,#0000 22%,#f07f7b21 36%,#0000 50%),linear-gradient(#0000 0%,#ffffff57 48%,#0000 72%);animation:14s ease-in-out infinite alternate ambientSweep;position:fixed;inset:-40%;transform:translate(-4%,-3%)rotate(0)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{place-items:center;min-height:100svh;padding:32px 18px;display:grid}.card{background:linear-gradient(180deg, #fffffff5, #fbfdffe6), var(--paper);width:min(100%,560px);min-height:650px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffeb;border-radius:26px;justify-content:center;align-items:center;padding:42px 34px;animation:.7s cubic-bezier(.22,1,.36,1) both cardArrive;display:flex;position:relative;overflow:visible}.card:before{content:"";pointer-events:none;border:1px solid #355c9b24;border-radius:18px;animation:3.8s ease-in-out infinite quietGlow;position:absolute;inset:14px}.card:after{content:"";background:linear-gradient(90deg, transparent 45%, #ffffff61 45% 55%, transparent 55%), linear-gradient(180deg, var(--coral), #d85f83);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);opacity:.82;width:92px;height:128px;position:absolute;top:0;right:32px;box-shadow:0 16px 28px #d85f832e}.screen{z-index:1;text-align:center;width:100%;position:relative}.progress{z-index:2;gap:8px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.progress-dot{background:#355c9b26;border-radius:999px;width:28px;height:5px;transition:width .24s,background-color .24s}.progress-dot.is-active{background:linear-gradient(90deg, var(--aqua), var(--coral));width:38px;box-shadow:0 0 18px #58c6c759}.eyebrow{text-transform:uppercase;letter-spacing:0;color:var(--blue);margin:18px 0 16px;font-size:.78rem;font-weight:700}h1{max-width:12ch;color:var(--ink);letter-spacing:0;margin:0 auto 24px;font-size:3.25rem;line-height:1.2}.text{max-width:500px;color:var(--ink-soft);margin:0 auto 16px;font-size:1.08rem;line-height:1.72}.text.big{color:var(--ink);font-size:1.22rem;font-weight:650;line-height:1.45}.muted{color:var(--muted)}.button{background:linear-gradient(135deg, var(--blue), #17243b);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:54px;margin-top:30px;padding:16px 26px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 16px 34px #17243b3d}.button:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(100deg,#0000,#ffffff3d,#0000);transition:opacity .2s;position:absolute;inset:1px;transform:translate(-55%)}.button:hover{filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 20px 44px #17243b47}.button:hover:after{opacity:1;animation:.9s both buttonSheen}.button:active{transform:translateY(0)}.button:focus-visible,.name-input:focus-visible{outline-offset:4px;outline:3px solid #58c6c74d}.secondary-button{min-height:46px;color:var(--blue);box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #355c9b1f;margin-top:0;padding:13px 18px}.secondary-button:hover{box-shadow:0 16px 34px #17243b24}.name-form{flex-direction:column;align-items:stretch;width:100%;max-width:360px;margin:30px auto 0;display:flex}.name-input{border:1px solid var(--line);width:100%;color:var(--ink);text-align:center;box-shadow:inset 0 1px 0 #ffffffd9, var(--shadow-soft);background:#ffffffe0;border-radius:16px;outline:none;padding:17px 18px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.name-input::placeholder{color:#9a8a82}.name-input:focus{box-shadow:0 0 0 5px #58c6c721, var(--shadow-soft);background:#fff;border-color:#58c6c7bf}.error-message{color:#c64661;margin:14px 0 0;font-size:.94rem;line-height:1.45}.loader{background:linear-gradient(var(--paper), var(--paper)) padding-box, conic-gradient(from 0deg, var(--coral), var(--gold), var(--aqua), var(--coral)) border-box;border:6px solid #0000;border-radius:50%;width:72px;height:72px;margin:0 auto 30px;animation:1s linear infinite spin,1.8s ease-in-out infinite loaderPulse;position:relative}.loader:after{content:"";border-radius:inherit;background:var(--paper-strong);position:absolute;inset:14px;box-shadow:inset 0 0 0 1px #432f2614}.loading-text{max-width:380px;min-height:72px;color:var(--blue);margin:0 auto;font-size:1.18rem;font-weight:700;line-height:1.58;animation:1.2s ease-in-out infinite pulseText}.loading-text:after{content:"";text-align:left;width:1.5em;animation:1.25s steps(4,end) infinite suspenseDots;display:inline-block}.unlock-panel{width:min(100%,390px);box-shadow:var(--shadow-soft);background:#ffffff9e;border:1px solid #355c9b21;border-radius:18px;margin:26px auto 0;padding:18px}.unlock-bar{background:#355c9b1f;border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.unlock-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--aqua), var(--coral), var(--gold));height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 18px #58c6c759}.unlock-stages{text-align:left;gap:10px;display:grid}.unlock-stage{color:var(--muted);opacity:.58;align-items:center;gap:10px;font-size:.94rem;font-weight:700;line-height:1.25;transition:color .28s,opacity .28s,transform .28s;display:flex;transform:translate(-4px)}.unlock-stage.is-complete{color:var(--ink);opacity:1;transform:translate(0)}.stage-mark{background:#fff;border:2px solid #355c9b38;border-radius:50%;flex:none;width:18px;height:18px;transition:background-color .28s,border-color .28s,box-shadow .28s}.unlock-stage.is-complete .stage-mark{background:linear-gradient(white, white) center / 6px 6px no-repeat, linear-gradient(135deg, var(--aqua), var(--blue));border-color:#0000;animation:.35s both stagePop;box-shadow:0 0 0 5px #58c6c71f}.mission-card{text-align:left;color:#fff;background:linear-gradient(120deg,#ffffff24,#0000 38%),linear-gradient(135deg,#17243b,#355c9b 54%,#1e8f95);border:1px solid #ffffff2e;border-radius:20px;max-width:410px;margin:30px auto 24px;padding:26px;animation:.72s cubic-bezier(.22,1,.36,1) .12s both revealCard;position:relative;overflow:hidden;box-shadow:0 22px 52px #31241f47}.mission-card:before{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:14px;position:absolute;inset:12px}.mission-label{color:#fff0bf;text-transform:uppercase;letter-spacing:0;background:#ffffff1f;border-radius:999px;margin-bottom:14px;padding:7px 10px;font-size:.74rem;font-weight:700;display:inline-flex;position:relative}.mission-card h2{letter-spacing:0;margin:0 0 20px;font-size:2.2rem;line-height:1;position:relative}.mission-row{border-bottom:1px solid #ffffff2e;justify-content:space-between;gap:16px;padding:12px 0;display:flex;position:relative}.mission-row span{color:#fff0bf;font-weight:600}.mission-row strong{text-align:right}.mission-text{color:#fff8ed;margin:22px 0 0;line-height:1.64;position:relative}.mission-text-personal{color:#fff0bf;border-top:1px solid #ffffff29;margin-top:14px;padding-top:14px;font-weight:650}.countdown-panel{width:min(100%,430px);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffffe6,#cdeee59e),#fffc;border:1px solid #58c6c73d;border-radius:20px;margin:0 auto 6px;padding:18px;animation:.62s cubic-bezier(.22,1,.36,1) .22s both countdownArrive}.countdown-label{color:var(--blue);text-transform:uppercase;letter-spacing:0;margin:0 0 14px;font-size:.78rem;font-weight:750}.countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.countdown-item{background:#ffffffb8;border:1px solid #355c9b1c;border-radius:15px;min-width:0;padding:12px 8px;box-shadow:inset 0 1px #ffffffdb}.countdown-item strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.68rem;line-height:1;display:block}.countdown-item span{color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:.76rem;font-weight:650;display:block}.mission-timeline{text-align:left;gap:10px;width:min(100%,430px);margin:16px auto 0;display:grid}.timeline-item{box-shadow:var(--shadow-soft);background:#ffffff94;border:1px solid #355c9b1f;border-radius:17px;padding:16px 16px 16px 48px;position:relative}.timeline-item:before{content:"";background:linear-gradient(135deg, var(--aqua), var(--blue));border-radius:50%;width:14px;height:14px;position:absolute;top:20px;left:18px;box-shadow:0 0 0 6px #58c6c721}.timeline-item.is-now:before{background:linear-gradient(135deg, var(--coral), var(--gold))}.timeline-item span{color:var(--blue);text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:750;display:block}.timeline-item strong{color:var(--ink);font-size:.98rem;line-height:1.35;display:block}.mission-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,430px);margin:18px auto 0;display:grid}.accepted-message{max-width:380px;box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff0,#cdeee5b8);border:1px solid #647a673d;border-radius:18px;margin:30px auto 0;padding:20px;animation:.42s cubic-bezier(.22,1,.36,1) both acceptedPop}.celebration-message{position:relative;overflow:hidden}.celebration-message:before{content:"";background:linear-gradient(115deg,#0000 30%,#f0c86b47 44%,#0000 58%),linear-gradient(245deg,#0000 34%,#58c6c73d 48%,#0000 62%);animation:2.8s ease-in-out infinite celebrationSweep;position:absolute;inset:-40%}.celebration-badge{color:var(--blue);text-transform:uppercase;background:#355c9b1a;border-radius:999px;margin-bottom:10px;padding:7px 11px;font-size:.72rem;font-weight:750;display:inline-flex;position:relative}.accepted-message h2{color:#1e8f95;margin:0 0 8px;font-size:1.52rem;line-height:1.12;position:relative}.accepted-message p{color:var(--ink-soft);margin:0;font-size:1rem;position:relative}.signature{color:var(--blue);margin:24px 0 0;font-weight:650}.fade-in{animation:.58s cubic-bezier(.22,1,.36,1) both fadeIn}.final-screen h1{max-width:16ch}.final-screen .text{max-width:540px}.final-screen h1:after{content:" ✨"}.card:has(.final-screen){max-width:620px}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambientSweep{0%{transform:translate(-4%,-3%)rotate(-2deg)}to{transform:translate(4%,3%)rotate(2deg)}}@keyframes cardArrive{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes quietGlow{0%,to{box-shadow:inset 0 0 #58c6c700}50%{box-shadow:inset 0 0 34px #58c6c71f}}@keyframes buttonSheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes loaderPulse{0%,to{box-shadow:0 0 #58c6c72e}50%{box-shadow:0 0 0 12px #58c6c700}}@keyframes suspenseDots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes revealCard{0%{opacity:0;transform:translateY(22px)rotateX(8deg)scale(.96)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}@keyframes acceptedPop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes countdownArrive{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes celebrationSweep{0%{transform:translate(-8%)rotate(-3deg)}to{transform:translate(8%)rotate(3deg)}}@keyframes stagePop{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseText{0%,to{opacity:.58}50%{opacity:1}}@media (width<=560px){.page{align-items:stretch;padding:10px}.card{border-radius:20px;width:100%;min-height:auto;padding:48px 16px 24px;box-shadow:0 18px 44px #17243b26}.card:before{border-radius:14px;inset:10px}.card:after{width:54px;height:80px;right:16px}.progress{gap:5px;top:16px}.progress-dot{width:16px;height:4px}.progress-dot.is-active{width:24px}h1{max-width:13ch;margin-bottom:18px;font-size:2.15rem;line-height:1.08}.final-screen h1{max-width:14ch}.text{max-width:100%;font-size:1rem;line-height:1.56}.text.big{font-size:1.06rem}.button{width:100%;min-height:50px;margin-top:22px;padding-inline:18px}.secondary-button{margin-top:0}.name-form,.unlock-panel,.countdown-panel,.mission-timeline,.mission-actions{width:100%;max-width:100%}.name-form{margin-top:24px}.name-input{padding:15px 16px}.loader{width:64px;height:64px;margin-bottom:22px}.loading-text{min-height:58px;font-size:1.06rem}.unlock-panel{margin-top:20px;padding:16px}.unlock-stage{font-size:.9rem}.mission-actions{grid-template-columns:1fr;margin-top:14px}.mission-card{border-radius:18px;width:100%;max-width:100%;margin:24px auto 18px;padding:18px}.mission-card:before{border-radius:12px;inset:9px}.mission-card h2{margin-bottom:16px;font-size:1.72rem}.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.countdown-item strong{font-size:1.42rem}.countdown-panel{border-radius:18px;padding:16px}.timeline-item{padding:14px 14px 14px 42px}.timeline-item:before{width:12px;height:12px;top:18px;left:15px}.mission-row{flex-direction:column;gap:5px;padding:10px 0}.mission-row strong{text-align:left}.mission-text{margin-top:18px;line-height:1.54}.accepted-message{max-width:100%;margin-top:22px;padding:18px}.signature{margin-top:20px;font-size:.96rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}