@import "https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";.stage{background:var(--surface-2);position:fixed;inset:0;overflow-y:auto}.stage-img{width:100%;max-width:1440px;margin:0 auto;animation:.35s fade;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.cw{border-radius:var(--radius-lg);width:380px;height:560px;box-shadow:var(--shadow-card);background:var(--surface);z-index:50;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.cw-head{background:var(--brand);color:#fff;align-items:center;gap:10px;padding:12px 14px;display:flex}.cw-ava{background:#fff;border-radius:50%;width:34px;height:34px;padding:5px}.cw-head strong{font-family:var(--font-display);font-size:15px;display:block}.cw-status{opacity:.85;font-size:11px}.cw-body{background:var(--surface-2);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.cw-b{border-radius:12px;max-width:80%;padding:8px 11px;font-size:14px;line-height:1.4}.cw-b.in{background:#fff;border-top-left-radius:3px;align-self:flex-start;box-shadow:0 1px 1px #0000000f}.cw-b.out{background:#fce3e5;border-top-right-radius:3px;align-self:flex-end}.cw-typing{color:var(--ink-3);letter-spacing:2px}.cw-next{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:16px;align-self:flex-start;padding:8px 16px;font-weight:600}.cw-next:hover{background:var(--brand-ink)}.cw-input{border-top:1px solid var(--border);background:#fff;align-items:center;gap:8px;padding:10px;display:flex}.cw-input input{background:var(--surface-3);border:none;border-radius:20px;flex:1;padding:10px 14px;font-size:14px}.cw-input input:focus{outline:2px solid var(--brand)}.cw-input button[type=submit]{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;width:38px;height:38px}.cw-input button[type=submit]:hover{background:var(--brand-ink)}.sp{background:#f2f2f2;min-height:100vh;font-family:system-ui,sans-serif}.sp-head{background:#fff;border-bottom:3px solid #f4333d;padding:14px 24px}.sp-logo{color:#f4333d;letter-spacing:-.5px;font-size:20px;font-weight:800}.sp-card{background:#fff;border-radius:8px;max-width:420px;margin:40px auto;padding:28px;box-shadow:0 2px 12px #00000014}.sp-card h1{color:#1a1a1a;margin:0 0 16px;font-family:system-ui;font-size:22px}.sp-tabs{border-bottom:1px solid #ddd;gap:20px;margin-bottom:20px;display:flex}.sp-tabs span{color:#888;padding-bottom:10px;font-size:14px}.sp-tabs .active{color:#1a1a1a;border-bottom:2px solid #f4333d;font-weight:600}.sp-qr{background:repeating-conic-gradient(#1a1a1a 0 25%, #fff 0 50%) 0 0 / 24px 24px;border:8px solid #fff;width:180px;height:180px;margin:0 auto;box-shadow:0 0 0 1px #ddd}.sp-hint{text-align:center;color:#666;margin:14px 0;font-size:13px}.mi-fields{columns:2;color:#333;padding-left:18px;font-size:14px}.sp-btn{text-align:center;color:#fff;cursor:pointer;background:#f4333d;border:none;border-radius:6px;width:100%;padding:13px;font-size:15px;font-weight:600;text-decoration:none;display:block}.sp-btn:hover{background:#d92832}.mf{max-width:640px;margin:0 auto;padding:32px 24px 64px}.mf-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.mf-head img{height:40px}.mf-head h1{font-family:var(--font-display);margin:0;font-size:22px}.mf-note{color:var(--brand);margin:4px 0 24px;font-weight:600}.mf-form{flex-direction:column;gap:14px;display:flex}.mf-field{color:var(--ink-2);flex-direction:column;gap:5px;font-size:13px;display:flex}.mf-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink);padding:11px 13px;font-size:15px;transition:background .3s,box-shadow .3s}.mf-field.filled input{background:#fff;animation:.3s pop;box-shadow:0 0 0 2px #e916272e}@keyframes pop{0%{transform:scale(.99)}60%{transform:scale(1.006)}to{transform:scale(1)}}.mf-submit{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:12px;padding:14px;font-size:16px;font-weight:600}.mf-submit:hover:not(:disabled){background:var(--brand-ink)}.mf-submit:disabled{background:var(--ink-3);cursor:default}.ok{text-align:center;max-width:520px;margin:0 auto;padding:80px 24px}.ok-mark{width:72px;margin-bottom:20px}.ok h1{font-family:var(--font-display);color:var(--ink)}.ok-btn{background:var(--brand);color:#fff;border-radius:var(--radius-sm);margin-top:24px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-block}.ok-btn:hover{background:var(--brand-ink)}.gate{background:var(--surface-2);justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-card);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:12px;padding:40px 36px;display:flex}.gate-logo{height:40px;margin-bottom:4px}.gate-card h1{font-family:var(--font-display);margin:0;font-size:20px}.gate-card p{color:var(--ink-2);margin:0 0 4px;font-size:14px}.gate-card input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);width:100%;padding:12px 14px;font-size:15px}.gate-card input:focus{outline:2px solid var(--brand)}.gate-card input.err{outline:2px solid var(--brand);border-color:var(--brand)}.gate-err{color:var(--brand);font-size:13px}.gate-card button{background:var(--brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600}.gate-card button:hover:not(:disabled){background:var(--brand-ink)}.gate-card button:disabled{background:var(--ink-3);cursor:default}:root{--brand:#e91627;--brand-ink:#b00f1c;--ink:#2e2e2e;--ink-2:#5c5c5c;--ink-3:#8a8a8a;--surface:#fff;--surface-2:#f9f8f8;--surface-3:#f1f0f0;--border:#2e2e2e1f;--border-strong:#2e2e2e38;--radius-sm:8px;--radius:12px;--radius-lg:20px;--space:8px;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--shadow-card:0 1px 2px #2e2e2e0f, 0 8px 24px #2e2e2e1a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}
