:root{--bg-color: #f3f3f5;--surface: #ffffff;--surface-hover: #f8f8f9;--border: #e4e4e7;--border-hover: #111111;--primary-color: #111111;--primary-hover: #222222;--accent-color: #0070f4;--gradient-accent: linear-gradient(135deg, #111111 0%, #333333 100%);--text-primary: #111111;--text-secondary: #555558;--text-muted: #8e8e93;--error: #ed232f;--success: #00b63e;--font-display: "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:900px;padding:24px}.wizard-root{display:flex;flex-direction:column;gap:32px;width:100%}.wizard-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:0 1px 3px #0000000d,0 10px 20px -12px #0000000a;animation:slideIn .35s cubic-bezier(.16,1,.3,1) forwards;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h2.title{font-family:var(--font-display);font-size:24px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;color:var(--text-primary)}p.subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}label{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-weight:600}input{width:100%;padding:13px 16px;border-radius:8px;background:#ededf0;border:1px solid transparent;color:var(--text-primary);font-size:15px;font-family:var(--font-body);outline:none;transition:all .2s ease}input:focus{background:#fff;border-color:#a1a1aa;box-shadow:0 0 0 3px #00000008}input::placeholder{color:var(--text-muted);opacity:.8}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.password-toggle:hover{color:var(--text-primary)}.subdomain-wrapper{position:relative;display:flex;align-items:center}.subdomain-input{padding-right:110px}.subdomain-suffix{position:absolute;right:16px;color:var(--text-muted);font-family:var(--font-display);font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none}.live-preview{margin-top:8px;font-size:13px;color:var(--text-secondary)}.live-preview strong{color:var(--accent-color);font-family:var(--font-display)}.btn-row{display:flex;justify-content:space-between;gap:16px;margin-top:36px}.btn{padding:13px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#ededf0;color:var(--text-primary);border:1px solid transparent}.btn-secondary:hover{background:#e4e4e7}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.error-msg{background:#ed232f0f;border:1px solid rgba(237,35,47,.15);color:var(--error);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px}.step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 10px}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2;flex:1}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-color);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-display);font-weight:600;color:var(--text-muted);transition:all .2s ease}.step-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.step-line{position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:var(--border);z-index:1;transition:background .2s ease}.step-item.active .step-circle{border-color:var(--primary-color);color:var(--primary-color)}.step-item.active .step-label{color:var(--text-primary)}.step-item.done .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-item.done .step-label{color:var(--text-secondary)}.step-item.done .step-line{background:var(--primary-color)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:24px}.plan-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:12px}.plan-card:hover{border-color:#a1a1aa}.plan-card.selected{background:#f8f8f9;border-color:var(--primary-color);border-width:2px;padding:23px}.plan-card-header{display:flex;justify-content:space-between;align-items:center}.plan-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary)}.recommended-badge{background:var(--primary-color);color:#fff;font-size:9px;font-family:var(--font-display);padding:2px 7px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-desc{font-size:13px;color:var(--text-secondary);line-height:1.4;min-height:36px}.plan-features{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:8px}.plan-features li{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.plan-features li:before{content:"✓";color:var(--primary-color);font-weight:700}.creating-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.progress-container{width:100%;height:6px;background:#e4e4e7;border-radius:10px;overflow:hidden;margin:30px 0 20px}.progress-bar{height:100%;background:var(--primary-color);border-radius:10px;transition:width .3s ease;width:0%}.percentage{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text-primary)}.log-window{width:100%;background:#f8f8f9;border:1px solid var(--border);border-radius:8px;padding:16px;height:120px;overflow-y:auto;text-align:left;display:flex;flex-direction:column;gap:6px;font-family:var(--font-display);font-size:12px;color:var(--text-secondary)}.log-line{line-height:1.4}.log-line.active{color:var(--primary-color);font-weight:600}.log-line.success{color:var(--success);font-weight:600}.log-line.error{color:var(--error, #ef4444);font-weight:600}.log-line.warn{color:var(--warning, #f59e0b)}.success-state{display:flex;flex-direction:column;align-items:center;gap:16px;animation:scaleIn .3s ease-out forwards}.success-icon{width:48px;height:48px;border-radius:50%;background:#00b63e1a;border:2px solid var(--success);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}