*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;min-height:100vh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:414px;margin:0 auto}.phone-frame{background:#000;border-radius:40px;padding:12px;box-shadow:0 20px 60px #00000080}.phone-screen{background:#fff;border-radius:30px;overflow:hidden;height:780px;display:flex;flex-direction:column}.status-bar{background:#fff;padding:14px 24px 8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.warning-banner{background:#fff3cd;border-bottom:1px solid #ffc107;padding:14px 20px;display:flex;align-items:flex-start;gap:12px}.warning-icon{width:36px;height:36px;flex-shrink:0}.warning-text h3{color:#856404;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.warning-text p{color:#856404;font-size:12px;line-height:1.5}.step-indicator{display:flex;align-items:center;justify-content:center;padding:16px 20px 8px;gap:8px}.step-dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s}.step-dot.active{background:#2196f3;width:24px;border-radius:4px}.step-dot.completed{background:#4caf50}.step-label{font-size:13px;color:#666;margin-left:12px;font-weight:500}.step-content-wrapper{flex:1;overflow:hidden}.step-content{padding:20px;display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto}.step-content.active{opacity:1}.step-image{width:100%;max-width:300px;height:200px;background:#f0f4f8;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden;border:1px solid #e0e0e0}.step-image svg{width:100%;height:100%}.step-image .placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#999}.step-image .placeholder span{font-size:13px}.step-description{font-size:16px;color:#333;text-align:center;line-height:1.6;margin-bottom:24px;font-weight:500;padding:0 10px}.confirm-checkbox{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f9fa;border-radius:10px;cursor:pointer;width:100%;max-width:300px;transition:background .2s;-webkit-user-select:none;user-select:none}.confirm-checkbox:hover{background:#e8f4fd}.checkbox-custom{width:22px;height:22px;border:2px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.confirm-checkbox.checked .checkbox-custom{background:#2196f3;border-color:#2196f3}.confirm-checkbox.checked .checkbox-custom svg{opacity:1}.checkbox-custom svg{width:14px;height:14px;fill:#fff;opacity:0;transition:opacity .2s}.checkbox-label{font-size:14px;color:#333;font-weight:500}.modal-buttons{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee;background:#fff}.btn{flex:1;padding:14px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover{background:#1976d2}.btn-primary.disabled,.btn-primary:disabled{background:#b0bec5;color:#fff;cursor:not-allowed;pointer-events:none}.btn.hidden{visibility:hidden}.demo-badge{position:fixed;top:16px;right:16px;background:#ffffffe6;padding:8px 16px;border-radius:20px;font-size:12px;color:#666;box-shadow:0 2px 8px #0000001a}.lang-switch{position:fixed;top:16px;left:16px;background:#2196f3;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2196f34d;transition:background .2s;-webkit-user-select:none;user-select:none}.lang-switch:hover{background:#1976d2}@media(max-width:440px){.phone-frame{border-radius:0;padding:0}.phone-screen{border-radius:0;height:100vh}.demo-badge{display:none}}