:root{--ink:#11156e;--muted:#6267a8;--pink:#ff4e83;--violet:#6358f5;--line:#dedcf8}*{box-sizing:border-box}html{min-height:100%;background:#f5f3ff}body{margin:0;min-height:100%;overflow-x:hidden;color:var(--ink);font-family:"Nunito",sans-serif;background:url('/assets/background.png') center top/cover fixed no-repeat}.page-shell{width:min(1040px,calc(100% - 32px));margin-inline:auto}.topbar{height:108px;display:flex;align-items:center}.brand{display:flex;flex-direction:column;color:var(--muted);text-decoration:none;font-size:13px;font-weight:800}.brand img{width:190px;height:58px;object-fit:contain;object-position:left center}.brand span{margin:-10px 0 0 10px}.brand b,footer b{color:var(--pink)}main{padding-bottom:28px}.hero{position:relative;z-index:1;width:100%;min-height:0;margin-top:-90px;margin-left:0;aspect-ratio:1672/941}.hero>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(35,30,105,.13))}.hero-copy{position:absolute;top:30%;left:9%;width:41%;text-align:center;transform:rotate(-1deg)}.hero-copy p{margin:0;color:#5f62f5;font-size:clamp(34px,4.2vw,48px);line-height:.9;font-weight:900}.hero-copy h1{margin:6px 0 8px;font-size:clamp(25px,3vw,34px);line-height:1.04}.hero-copy em{display:block;color:var(--pink);font-style:normal}.hero-copy span{display:block;padding:0 8%;color:#3d438d;font-size:15px;line-height:1.35;font-weight:800}.invite-card,.download-card,.features{margin-top:16px;border:1px solid rgba(111,100,214,.16);border-radius:32px;background:rgba(255,255,255,.84);box-shadow:0 16px 42px rgba(55,48,135,.09);backdrop-filter:blur(7px)}.invite-card{position:relative;z-index:2;margin-top:-78px;padding:18px 28px 24px}.invite-card h2,.download-card h2{text-align:center;margin:0 0 12px;font-size:27px}.invite-card h2 i,.download-card h2 i{color:#ffc62c;font-style:normal}.code-row{display:grid;grid-template-columns:minmax(0,1.2fr) 220px;gap:14px;max-width:650px;margin:auto}.code,.copy-button{height:62px;border-radius:19px;font:900 26px "Nunito",sans-serif}.code{border:2px dashed #aaa5ef;color:var(--ink);background:white;letter-spacing:1px}.copy-button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;color:white;background:linear-gradient(100deg,#655cf8,#7d63ef);cursor:pointer}.action-icon{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.code-help{text-align:center;color:var(--muted);font-weight:700}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit{min-height:150px;border-radius:22px;display:flex;align-items:center;padding:16px 22px}.benefit img{width:128px;height:115px;object-fit:contain}.reward{background:linear-gradient(115deg,#fff5de,#fff9ed)}.reward div{display:flex;flex-direction:column}.reward strong{font-size:20px}.reward b{color:var(--pink);font-size:30px}.reward span{color:var(--muted);font-weight:700}.gift{background:linear-gradient(115deg,#fff4ff,#f1efff)}.gift img{width:118px}.gift p{font-size:18px;line-height:1.4;font-weight:800}.download-card{padding:18px 26px 22px}.download-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:16px;align-items:center}.store{display:flex;min-height:232px;flex-direction:column;align-items:center;justify-content:center;padding:14px;border-radius:22px;background:#fff;color:#111;text-decoration:none}.store-label{display:flex;align-items:center;gap:10px}.store-label svg{width:37px;height:37px}.store-label .apple{fill:#10136f}.store-label span{display:flex;flex-direction:column}.store-label small{font-size:13px}.store-label strong{font-size:22px;line-height:1}.qr{width:142px;height:142px;margin-top:10px;padding:5px;background:#fff}.join-art{height:232px}.join-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.open-app{display:flex;width:min(570px,100%);height:58px;margin:14px auto 0;align-items:center;justify-content:center;gap:12px;border-radius:999px;color:white;background:linear-gradient(100deg,#5c61fa,#7454ee);font-size:21px;font-weight:900;text-decoration:none;box-shadow:0 12px 27px rgba(89,75,236,.23)}.download-card>p{text-align:center;margin:8px 0 0;color:var(--muted);font-weight:700}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 24px}.features article{text-align:center}.features img{display:block;width:100%;height:155px;object-fit:contain}.features strong{font-size:18px;line-height:1.15}footer{padding:35px 0 50px;text-align:center}footer img{width:190px}footer p{margin:-8px 0 0;color:var(--muted);font-weight:700}.toast{position:fixed;z-index:10;left:50%;bottom:24px;padding:12px 20px;border-radius:999px;color:#fff;background:#17175f;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.page-shell{width:min(100% - 20px,1040px)}.topbar{height:80px}.brand img{width:145px;height:48px}.brand span{display:none}.hero{width:100%;margin-top:-24px;margin-left:0}.hero-copy{top:29%;left:9%;width:41%}.hero-copy p{font-size:clamp(20px,5vw,38px)}.hero-copy h1{margin:3px 0;font-size:clamp(15px,3.7vw,28px)}.hero-copy span{padding:0 3%;font-size:clamp(8px,1.8vw,13px);line-height:1.25}.invite-card,.download-card,.features{border-radius:24px}.invite-card{margin-top:-30px;padding:16px 14px 18px}.invite-card h2,.download-card h2{font-size:20px}.code-row{grid-template-columns:1fr 118px;gap:8px}.code,.copy-button{height:52px;font-size:16px;border-radius:15px}.code{font-size:19px}.benefits{grid-template-columns:1fr}.benefit{min-height:116px;padding:10px 14px}.benefit img{width:95px;height:92px}.reward b{font-size:25px}.gift p{font-size:15px}.download-card{padding:16px 12px}.download-grid{grid-template-columns:1fr 1fr}.join-art{grid-column:1/-1;height:175px}.store{min-height:205px;padding:8px}.store-label svg{width:26px;height:26px}.store-label small{font-size:9px}.store-label strong{font-size:15px}.qr{width:122px;height:122px}.features{grid-template-columns:1fr 1fr;padding:12px 8px;gap:12px}.features img{height:120px}.features strong{font-size:15px}}
@media(max-width:390px){.hero-copy p{font-size:20px}.hero-copy h1{font-size:15px}.hero-copy span{font-size:8px}.code-row{grid-template-columns:1fr 100px}.copy-button{font-size:14px}.store{min-height:180px}.qr{width:105px;height:105px}}
.hero-copy{top:40%;transform:rotate(-3deg)}
@media(max-width:760px){.hero-copy{top:43%;transform:rotate(-3deg)}}
@media(max-width:760px){.hero-copy p{font-size:18px}.hero-copy h1{font-size:14px}.hero-copy span{display:none}}
.hero{margin-top:-150px}
@media(max-width:760px){.hero{margin-top:-24px}}