@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#10131c;--panel:#191e2a;--muted:#9ba5b8;--text:#f4f6fb;--accent:#b9a2ff;--line:#2a3142}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#292344 0%,var(--bg) 48%);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}.app{width:min(100%,520px);margin:auto;padding:calc(22px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:2px;color:#fff;text-decoration:none}.brand span{color:var(--accent)}.tag,.step{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.tag{border:1px solid var(--line);border-radius:30px;padding:7px 10px}.hero{text-align:center;padding:35px 0 20px}.gift-wrap{height:100px;position:relative;display:grid;place-items:center}.gift{font-size:58px;filter:drop-shadow(0 10px 22px #b9a2ff44);animation:float 3s ease-in-out infinite}.spark{position:absolute;color:#e3d8ff;font-size:22px}.s1{left:27%;top:8px}.s2{right:25%;bottom:9px}@keyframes float{50%{transform:translateY(-7px) rotate(3deg)}}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--accent);font-weight:800;margin-top:12px}h1{font-size:32px;line-height:1.2;letter-spacing:-1.4px;margin:13px 0}h1 em{font-style:normal;color:var(--accent)}.hero p,.section-head p{color:var(--muted);font-size:13px;line-height:1.65;max-width:360px;margin:0 auto}.trust{display:flex;justify-content:center;gap:16px;padding:12px 0 24px;color:#aeb8ca;font-size:10px;border-bottom:1px solid var(--line);margin-bottom:25px}.screen{display:none}.screen.active{display:block}.section-head{margin-bottom:18px}.section-head h2{font-size:23px;margin:8px 0}.section-head p{margin:0;font-size:12px}.choices{display:grid;gap:10px}.choice{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:15px;border-radius:16px;border:1px solid var(--line);background:#191e2a;color:var(--text);cursor:pointer}.choice:active{border-color:var(--accent);transform:scale(.99)}.choice-icon{width:42px;height:42px;border-radius:13px;background:#29243c;display:grid;place-items:center;font-size:22px}.choice b,.asset-card b{display:block;font-size:13px}.choice small,.asset-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.arrow{margin-left:auto;color:var(--muted);font-size:24px}.progress{height:4px;background:var(--line);border-radius:9px;margin:0 0 20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:9px}.asset-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);background:var(--panel);border-radius:15px;margin-bottom:18px}.asset-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#29243c;font-size:23px}label{display:block;font-size:12px;font-weight:700;margin:14px 0 8px}label span{font-weight:400;color:var(--muted)}textarea{width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:13px;background:#151a25;color:var(--text);padding:13px;font:inherit;font-size:12px;outline:none}textarea:focus{border-color:var(--accent)}.notice{font-size:10px;line-height:1.6;color:#b6bfd0;background:#1a2030;border:1px solid #30384b;padding:12px;border-radius:12px;margin:15px 0}.primary,.secondary{width:100%;border:0;border-radius:13px;padding:15px;font:700 13px Manrope;cursor:pointer}.primary{background:linear-gradient(110deg,#b9a2ff,#8f79df);color:#171322;margin-top:5px}.primary span{float:right}.secondary{background:transparent;color:var(--muted);margin-top:5px}.summary{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:16px;display:grid;gap:8px}.summary small{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:5px}.summary b{font-size:14px}.summary p{font-size:12px;color:#c5ccda;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:6px 0}.status{font-size:11px;color:#c8b9ff}.success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#2a2540;color:#d5c9ff;font-size:30px;margin:35px auto 18px}.screen#success{text-align:center}.screen#success h2{font-size:25px}.screen#success p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:25px}footer{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;gap:10px;color:#778197;font-size:9px}#toast{position:fixed;left:20px;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));padding:13px;border-radius:12px;background:#29243c;color:white;font-size:12px;text-align:center;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}