.wizard-card{max-width:560px;margin:0 auto;transition:max-width .3s ease}.wizard-card.step-plans{max-width:900px}.clerk-root.step-plans{width:900px}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color-bg-input);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:all .2s ease}.progress-step.active .step-number{border-color:var(--color-primary);color:var(--color-primary)}.progress-step.completed .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.progress-step.active .step-label{color:var(--color-text)}.progress-line{width:40px;height:2px;background:var(--color-border);margin:0 .25rem 1.5rem}.wizard-step{display:block}.wizard-form{display:flex;flex-direction:column;gap:1.25rem}.wizard-nav{display:flex;gap:1rem;margin-top:1.5rem}.wizard-nav .clerk-btn-secondary{flex:0 0 auto;width:auto;padding:.875rem 1.5rem}.wizard-nav .clerk-btn-primary{flex:1;margin-top:0}.loading-state,.verification-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--color-text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.verification-actions{margin-top:1.5rem;text-align:center}.plans-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--color-text-muted)}.plans-container{display:flex;gap:1rem;padding:.5rem 0;max-width:100%;overflow-x:auto}.plan-card{display:flex;flex-direction:column;min-width:260px;flex:0 0 auto;text-align:left;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--color-text)}.plans-container.layout-column{flex-direction:column;align-items:center;max-width:320px;margin:0 auto}.plans-container.layout-column .plan-card{width:100%;min-width:unset}.plans-container.layout-row{flex-direction:row;justify-content:center;flex-wrap:nowrap}.plans-container.layout-grid{flex-wrap:wrap;justify-content:center}.plan-card:hover{border-color:var(--color-text-dim);transform:translateY(-2px)}.plan-card.selected{border-color:var(--color-primary);background:#3b82f626;box-shadow:0 0 0 2px var(--color-primary)}.plan-header{margin-bottom:1rem}.plan-name{font-size:1.25rem;font-family:var(--font-display);font-weight:400;color:var(--color-text);margin:0 0 .5rem}.plan-price{font-size:1.5rem;color:var(--color-primary);margin:0;font-weight:500}.plan-description{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5}.plan-features{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--color-text-dim);flex:1}.plan-features li{padding:.375rem 0 .375rem 1.5rem;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.options-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.coupon-toggle{margin-bottom:.75rem}.coupon-field{opacity:1;max-height:100px;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}.coupon-field[data-visible=false]{opacity:0;max-height:0;pointer-events:none}.coupon-field[data-visible=true]{opacity:1;max-height:100px}.checkout-container{margin-top:1rem}.checkout-header{margin-bottom:1rem;text-align:center}.checkout-title{font-family:var(--font-display);font-size:1.25rem;font-weight:300;color:var(--color-text);margin:0}#checkout-element{min-height:400px;background:var(--color-bg-input);border-radius:8px}.completion-content{text-align:center;padding:2rem 0}.success-icon{color:#22c55e;margin-bottom:1rem}.completion-text{color:var(--color-text-muted);font-size:1rem}.clerk-card{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 4px 24px #0000004d;border-radius:6px}.clerk-card-inner{padding:2rem}.clerk-title{font-family:var(--font-display);font-weight:300;letter-spacing:.05em;font-size:1.5rem;color:var(--color-text);margin:0 0 .5rem}.clerk-subtitle{font-weight:300;letter-spacing:.02em;color:var(--color-text-muted);margin:0;font-size:.9rem}.clerk-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.clerk-input{background:var(--color-bg-input, #0a1628);border:1px solid var(--color-border);border-radius:6px;padding:.625rem .75rem;color:var(--color-text);font-family:inherit;font-size:.9375rem;transition:border-color .2s ease;width:100%;box-sizing:border-box}.clerk-input::placeholder{color:var(--color-text-dim)}.clerk-input:focus{outline:none;border-color:var(--color-primary)}.clerk-input:disabled{opacity:.6;cursor:not-allowed}.clerk-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.clerk-select option{background:var(--color-bg-card);color:var(--color-text)}.clerk-btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;margin-top:.5rem;width:100%}.clerk-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.clerk-btn-primary:disabled{opacity:.6;cursor:not-allowed}.clerk-btn-secondary{background:transparent;color:var(--color-text);border:1px solid rgba(248,250,252,.25);border-radius:6px;padding:.875rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.clerk-btn-secondary:hover:not(:disabled){border-color:#f8fafc73;background:#f8fafc0d}.form-header{text-align:center;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-field{margin:.25rem 0}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:18px;height:18px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-input, #0a1628);transition:all .2s ease;position:relative;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked+.checkbox-custom:after{display:block}.checkbox-input:focus+.checkbox-custom{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.checkbox-text{font-size:.875rem;color:var(--color-text-dim)}.invite-code-field{opacity:1;max-height:200px;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}.invite-code-field[data-visible=false]{opacity:0;max-height:0;pointer-events:none}.invite-code-field[data-visible=true]{opacity:1;max-height:200px}.join-form{display:flex;flex-direction:column;gap:1.25rem}.clerk-captcha-container{min-height:65px;display:flex;justify-content:center;align-items:center;margin:1rem 0}.loading-hint{font-size:.85rem;color:var(--text-muted, #888);margin-top:.75rem}.message-container{margin-bottom:1.25rem}.message{padding:1rem;border-radius:6px;font-size:.9rem;line-height:1.5}.message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}@media(max-width:900px)and (min-width:481px){.wizard-card.step-plans{max-width:100%;padding:0 1rem}.clerk-root.step-plans{width:100%;max-width:100%}.plans-container,.plans-container.layout-row{flex-wrap:wrap;justify-content:center;max-height:400px;overflow-y:auto}.plan-card{min-width:240px;flex:1 1 240px;max-width:280px}}@media(max-width:480px){.wizard-card,.wizard-card.step-plans{max-width:100%}.clerk-root.step-plans{width:100%}.clerk-card{box-shadow:none;border:none;background:transparent}.clerk-card-inner{padding:1rem .5rem}.wizard-progress{margin-bottom:1.5rem;padding-bottom:1rem}.progress-line{width:24px}.step-label{font-size:.625rem}.step-number{width:28px;height:28px;font-size:.75rem}.clerk-title{font-size:1.25rem}.clerk-input{padding:.875rem 1rem;font-size:1rem}.clerk-btn-primary,.clerk-btn-secondary{padding:1rem 1.25rem;font-size:1rem}.wizard-nav{flex-direction:column-reverse}.wizard-nav .clerk-btn-secondary{width:100%}.plans-container,.plans-container.layout-column,.plans-container.layout-row,.plans-container.layout-grid{flex-direction:column;flex-wrap:nowrap;align-items:stretch;max-width:100%;gap:.5rem;margin:0;padding:0;max-height:320px;overflow-y:auto}.plan-card{min-width:100%!important;max-width:100%!important;width:100%!important;flex:none!important;padding:.75rem 1rem}.plan-card .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.plan-card .plan-name,.plan-card .plan-price{font-size:1rem;margin:0}.plan-card .plan-description,.plan-card .plan-features{max-height:0;opacity:0;overflow:hidden;margin:0;transition:max-height .3s ease,opacity .2s ease,margin .3s ease}.plan-card.selected{padding:1.25rem}.plan-card.selected .plan-header{display:block;margin-bottom:1rem}.plan-card.selected .plan-name{font-size:1.25rem;margin-bottom:.5rem}.plan-card.selected .plan-price{font-size:1.5rem}.plan-card.selected .plan-description{max-height:100px;opacity:1;margin:0 0 1rem}.plan-card.selected .plan-features{max-height:300px;opacity:1}.form-row{grid-template-columns:1fr;gap:1.25rem}}.optional-field{position:absolute;left:-9999px;top:-9999px}