.signup-container{max-width:560px;margin:0 auto;padding:2rem}.signup-form{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 24px #0000001a}.form-section{margin-bottom:2rem}.form-section h3{margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.tier-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tier-card{border:2px solid var(--border-color);border-radius:12px;padding:1.25rem;cursor:pointer;transition:border-color .2s,background .2s}.tier-card:hover{border-color:var(--accent-color)}.tier-card.selected{border-color:var(--accent-color);background:#2563eb0d}.tier-card h4{margin-bottom:.5rem;font-size:1.1rem}.tier-card .price{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.tier-card .price span{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.tier-card ul{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.tier-card ul li{margin-bottom:.25rem}#payment-container{min-height:200px}.hidden{display:none!important}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem}.step{display:flex;align-items:center;color:var(--text-secondary)}.step.active{color:var(--accent-color)}.step.completed{color:var(--success-color, #10b981)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:.5rem}.step.active .step-number{background:var(--accent-color);color:#fff}.step.completed .step-number{background:var(--success-color, #10b981);color:#fff}.step-divider{width:60px;height:2px;background:var(--border-color);margin:0 1rem}.status-message{text-align:center;padding:2rem}.status-message h2{margin-bottom:1rem}.status-message .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{width:64px;height:64px;background:var(--success-color, #10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:2rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem}.api-key-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;font-family:monospace;word-break:break-all}.copy-btn{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:.5rem}