.register-container{background:linear-gradient(135deg, var(--primary) 0%, #0891b2 50%, var(--gradient-end) 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.register-card{background:#fff;border-radius:22px;width:100%;max-width:500px;padding:28px 22px;box-shadow:0 20px 60px #00000026}.register-header{text-align:center;margin-bottom:20px}.register-logo{margin-bottom:14px}.register-title{color:var(--text);margin-bottom:8px;font-size:1.5rem;font-weight:700}.register-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.step-indicator{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.step{flex-direction:column;align-items:center;gap:5px;display:flex}.step-number{width:30px;height:30px;color:var(--text-secondary);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.step.active .step-number{background:var(--primary);color:#fff}.step.completed .step-number{color:#fff;background:#10b981}.step-label{color:var(--text-secondary);font-size:.7rem;font-weight:500}.step.active .step-label{color:var(--primary)}.step-line{background:#e2e8f0;width:40px;height:3px;margin-bottom:18px}.register-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:600}.form-group input{border:2px solid var(--border);-webkit-appearance:none;background:#f8fafc;border-radius:12px;min-height:52px;padding:16px;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #1ca8a81a}.form-group input:disabled{cursor:not-allowed;background:#f1f5f9}.code-input{text-align:center;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:1.4rem!important}.form-row{flex-direction:column;gap:14px;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:50px}.password-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;font-size:20px;position:absolute;right:14px}.code-info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;margin-bottom:8px;padding:14px}.code-info-header{color:#0369a1;align-items:center;gap:10px;margin-bottom:10px;display:flex}.code-info-header svg{flex-shrink:0}.code-info-title{color:#0369a1;font-size:1.05rem;font-weight:600}.code-info-details{flex-wrap:wrap;gap:12px;display:flex}.code-info-item{align-items:center;gap:6px;display:flex}.code-info-label{color:var(--text-secondary);font-size:.8rem}.code-info-value{color:var(--text);font-size:.8rem;font-weight:600}.role-badge{background:var(--primary);border-radius:20px;padding:4px 12px;font-size:.7rem;color:#fff!important}.form-buttons{flex-direction:column;gap:10px;margin-top:8px;display:flex}.back-button{border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:12px;order:2;min-height:52px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.back-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.register-button{background:linear-gradient(135deg, var(--primary) 0%, var(--gradient-end) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;order:1;min-height:52px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1ca8a84d}.register-button:active:not(:disabled){transform:scale(.98)}.register-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:8px;padding:14px 16px;font-size:.875rem}.register-footer{text-align:center;border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.register-footer p{color:var(--text-secondary);font-size:.875rem}.register-footer a{color:var(--primary);font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (min-width:640px){.register-card{padding:36px 32px}.register-title{font-size:1.65rem}.step-line{width:60px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.code-input{letter-spacing:4px;font-size:1.5rem!important}.form-buttons{flex-direction:row}.back-button{flex:none;order:1}.register-button{order:2}}@media (min-width:768px){.register-container{padding:20px}.register-card{padding:40px}.register-header{margin-bottom:24px}.register-title{font-size:1.75rem}.step-indicator{gap:12px;margin-bottom:24px}.step-number{width:32px;height:32px;font-size:.9rem}.step-label{font-size:.75rem}.register-form{gap:16px}.code-info-title{font-size:1.125rem}}