*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{flex-shrink:0;width:20px;height:20px}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #8268ff}button{border:0}::selection{color:#24203c;background:#dcd5ff}.site{--canvas:#f8f9fc;--surface:#fff;--ink:#20232e;--secondary:#72788a;--muted:#687184;--line:#e9ebf2;--soft:#f3f4f9;--purple:#7960da;--art:#f2efff;min-height:100svh;color:var(--ink);background:radial-gradient(ellipse at 80% -25%, #e9e7ff90, transparent 55%), var(--canvas);flex-direction:column;transition:background-color .2s,color .2s;display:flex}.site[data-theme=dark]{--canvas:#12131a;--surface:#1c1e29;--ink:#f0f1f8;--secondary:#b0b5c7;--muted:#9da6bd;--line:#303341;--soft:#252836;--purple:#b7a4ff;--art:#29253f;background:radial-gradient(ellipse at 80% -25%, #3b285e50, transparent 55%), var(--canvas)}.header,.footer{justify-content:space-between;align-items:center;width:min(1120px,100%);margin:0 auto;display:flex}.header{padding:32px 40px}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font-size:23px;font-weight:750;display:flex}.brand img{border-radius:11px}.brand-dot{color:#9b7bfc}.preferences{align-items:center;gap:17px;display:flex}.preferences button{color:var(--secondary);background:0 0}.language-button{min-width:40px;min-height:40px;font-size:13px;font-weight:600}.preference-divider{background:var(--line);width:1px;height:15px}.theme-button{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.theme-button:hover{background:var(--soft)}.main{width:min(1020px,100%);margin:auto;padding:45px 40px 70px}.eyebrow{letter-spacing:1.5px;color:var(--secondary);align-items:center;gap:8px;margin:0 0 20px 3px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#a38beb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #a38beb13}.invitation-card{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:1.3fr 1fr;min-height:402px;display:grid;overflow:hidden;box-shadow:0 18px 65px #20204004}.card-content{z-index:1;padding:48px 0 48px 44px}.section-label{letter-spacing:3px;color:var(--muted);font-size:10px;font-weight:650}h1{letter-spacing:-1.5px;text-wrap:balance;margin:24px 0 17px;font-size:38px;font-weight:680;line-height:1.35}h1>span{color:var(--purple);display:block}.description{color:var(--secondary);max-width:350px;margin:0;font-size:14px;line-height:1.9}.action-area{margin-top:30px}.primary-button{color:#201c3c;background:linear-gradient(108deg,#72caf3 0%,#ae93f7 60%,#d99aed 100%);border-radius:13px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:15px 23px;font-size:14px;font-weight:650;transition:transform .15s,filter .15s;display:flex;box-shadow:0 7px 20px #9b7cf31a}.primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.confirmation{color:var(--muted);align-items:flex-start;gap:6px;margin:15px 0 0;font-size:11px;line-height:1.7;display:flex}.confirmation svg{width:14px;height:14px;margin-top:2px}.home-link{color:var(--purple);align-items:center;gap:15px;margin-top:30px;font-size:14px;font-weight:600;display:inline-flex}.home-topics{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.home-topics span{color:var(--secondary);border:1px solid var(--line);border-radius:100px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.home-topics svg{width:15px;height:15px}.card-art{isolation:isolate;background:radial-gradient(#ad9bff15,#0000 65%);justify-content:center;align-items:center;min-height:325px;display:flex;position:relative;overflow:hidden}.card-art>p{color:var(--muted);letter-spacing:.4px;text-align:center;width:90%;font-size:10px;position:absolute;bottom:47px}.art-orbit{border:1px solid #aa97e91b;border-radius:50%;width:290px;height:290px;position:absolute;transform:rotate(-25deg)scaleY(.85)}.orbit-two{opacity:.7;border-style:dashed;width:355px;height:355px;transform:rotate(30deg)scaleY(.85)}.back-bubble{background:linear-gradient(130deg,#c5baf5,#e1c6f4);border-radius:25px 25px 6px;justify-content:center;align-items:center;gap:9px;width:136px;height:92px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-10%,-97%)rotate(8deg);box-shadow:0 12px 25px #9276cb0d}.back-bubble i{opacity:.8;background:#fff;border-radius:50%;width:6px;height:6px}.front-bubble{background:linear-gradient(130deg,#a3ddf3,#c0b5f7 80%);border:1px solid #ffffff50;border-radius:29px 29px 29px 7px;place-items:center;width:148px;height:117px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-71%,-32%)rotate(-6deg);box-shadow:0 14px 30px #726bd41a}.front-bubble svg{color:#fff;stroke-width:1.2px;width:49px;height:49px}.art-badge{background:var(--surface);color:#a58be7;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:50%;left:50%;transform:translate(50%,95%)rotate(-7deg);box-shadow:0 4px 16px #57478712}.art-badge svg{width:20px;height:20px}.art-spark{border:1px solid #bca8ee;border-radius:2px;width:7px;height:7px;position:absolute;transform:rotate(30deg)}.spark-one{top:25%;left:24%}.spark-two{border-color:#a6d7ec;width:5px;height:5px;bottom:25%;right:19%}.invitation-invalid .front-bubble{background:var(--soft)}.invitation-invalid .front-bubble svg{color:var(--muted)}.invitation-invalid .back-bubble{opacity:.45}.open-hint{border:1px solid var(--line);background:var(--surface);color:var(--secondary);border-radius:14px;align-items:flex-start;gap:10px;margin:16px 0 0;padding:16px 20px;font-size:13px;line-height:1.8;display:flex}.open-hint svg{width:17px;height:17px;color:var(--purple);margin-top:3px}.install-note{border-bottom:1px solid var(--line);gap:15px;margin:29px 5px 0;padding-bottom:25px;display:flex}.install-icon{border:1px solid var(--line);width:37px;height:37px;color:var(--muted);background:var(--surface);border-radius:11px;flex-shrink:0;place-items:center;display:grid}h2{margin:0 0 5px;font-size:13px;font-weight:600;line-height:1.7}.install-note p,.steps p{color:var(--secondary);margin:0;font-size:12px;line-height:1.9}.install-note p.desktop-note{color:var(--muted);margin-top:4px;font-size:11px}.steps{grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 4px;padding:0;list-style:none;display:grid}.steps li{gap:12px;display:flex}.step-number{color:#a79bc8;font-variant-numeric:tabular-nums;padding-top:4px;font-size:12px}.steps h2{font-size:12px}.steps p{font-size:11px}.privacy-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:23px 0 0;font-size:10px;line-height:1.8;display:flex}.privacy-note svg{width:13px;height:13px}.footer{color:var(--muted);gap:15px;padding:24px 40px 28px;font-size:10px;line-height:1.8}.footer-dot{color:var(--line);margin:0 10px}@media (min-width:1400px){.main{padding-top:70px;padding-bottom:90px}}@media (max-width:760px){.header{padding:22px 24px}.main{padding:35px 24px 45px}.invitation-card{grid-template-columns:1fr;min-height:0}.card-content{padding:34px 30px 0}h1{margin-top:19px;font-size:34px}.description{max-width:440px}.card-art{min-height:245px}.card-art>p{bottom:16px}.front-bubble{width:128px;height:101px;transform:translate(-62%,-22%)rotate(-6deg)}.back-bubble{width:118px;height:80px;transform:translate(-1%,-85%)rotate(8deg)}.art-orbit{width:220px;height:220px}.orbit-two{width:290px;height:290px}.spark-one{left:28%}.spark-two{bottom:20%;right:27%}.steps{grid-template-columns:1fr;gap:22px;margin:27px 5px}.steps h2{font-size:13px}.steps p{font-size:12px}.footer{flex-wrap:wrap;padding:20px 24px}.confirmation{font-size:10px}.primary-button{justify-content:space-between;width:100%}.install-note{margin-top:23px}.site[data-theme=dark] .art-badge{background:#333348}}@media (max-width:370px){.header{padding:18px}.main{padding:27px 18px 35px}.card-content{padding:28px 23px 0}h1{font-size:30px}.brand{font-size:21px}.preferences{gap:8px}.primary-button{padding:14px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.header{padding-top:max(22px, env(safe-area-inset-top))}.footer{padding-bottom:max(24px, env(safe-area-inset-bottom))}