.register-page{min-height:100vh;padding:var(--space-6);background-color:var(--color-bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.login-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(100px);opacity:.15;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;position:absolute}.orb-1{width:500px;height:500px;top:-10%;left:-10%}.orb-2{background:linear-gradient(135deg,#06b6d4,#3b82f6);width:400px;height:400px;bottom:-10%;right:-10%}.register-card{-webkit-backdrop-filter:blur(20px);width:95%;max-width:780px;box-shadow:var(--shadow-xl);z-index:10;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:1.5rem;margin:1rem auto;overflow:hidden}.register-steps-header{padding:var(--space-6)var(--space-4);justify-content:space-around;gap:var(--space-2);background:#ffffff08;border-bottom:1px solid #ffffff0d;display:flex}.step-indicator{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);transition:all var(--transition-base);flex-direction:column;flex:1;font-size:.85rem;font-weight:600;display:flex;position:relative}.step-indicator.active{color:var(--color-brand-primary)}.step-indicator.completed{color:var(--color-success)}.step-number{width:32px;height:32px;transition:all var(--transition-base);background:0 0;border:2px solid;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.step-indicator.active .step-number{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.step-indicator.completed .step-number{background:var(--color-success);color:#fff;border-color:#0000}.register-form-content{padding:1.5rem 2rem}.register-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-1);-webkit-background-clip:text;font-size:1.75rem;font-weight:800;display:inline-block}.register-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:.95rem}.form-row{gap:1rem;margin-bottom:.75rem;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;margin-bottom:.75rem;display:flex}.form-group label{color:var(--color-text-secondary);margin-bottom:2px;margin-left:2px;font-size:.8rem;font-weight:600;display:block}.form-input{color:#fff;width:100%;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:.6rem 2.5rem .6rem .875rem;font-size:.9rem}.password-input-container{width:100%;position:relative}.password-toggle-btn{color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-brand-primary);transform:translateY(-50%)scale(1.1)}.form-input:focus{border-color:var(--color-brand-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #9370db26}.form-input::placeholder{color:#fff3}.category-selector{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.category-option{cursor:pointer;padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;position:relative}.category-option input{opacity:0;position:absolute}.category-option span{color:var(--color-text-secondary);font-weight:600}.category-option.selected{border-color:var(--color-brand-primary);background:#9370db1a}.category-option.selected span{color:var(--color-brand-primary)}.category-option:hover:not(.selected){background:#ffffff0f}.otp-container{align-items:center;gap:var(--space-8);padding:var(--space-6)0;flex-direction:column;display:flex}.otp-inputs{gap:var(--space-4);display:flex}.otp-input{text-align:center;width:60px;height:72px;color:var(--color-brand-primary);transition:all var(--transition-base);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;font-size:2rem;font-weight:800}.otp-input:focus{border-color:var(--color-brand-primary);background:#ffffff14;outline:none;transform:translateY(-2px);box-shadow:0 0 20px #9370db4d}.success-container{padding:var(--space-6)0;text-align:center}.success-icon{background:var(--gradient-success);color:#fff;width:80px;height:80px;margin:0 auto var(--space-8);border-radius:24px;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 20px #22c55e4d}.approval-notice{padding:var(--space-4);gap:var(--space-3);margin-bottom:var(--space-6);text-align:left;background:#991b1b26;border:1px solid #991b1b4d;border-radius:12px;align-items:flex-start;display:flex}.notice-icon{color:#ff4d4d;flex-shrink:0;margin-top:2px}.notice-content h3{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:700}.notice-content p{color:#fffc;margin:0;font-size:.9rem;line-height:1.5}.success-description{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:1rem;line-height:1.6}.error-message{color:#ff4d4d;text-align:center;margin-bottom:var(--space-6);background:#dc26261a;border:1px solid #dc262633;border-radius:12px;padding:1rem;font-size:.9rem;font-weight:600;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.form-actions{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);display:flex}.form-actions-right{justify-content:flex-end;display:flex}.flex-1{flex:1}.flex-2{flex:2}.w-small{max-width:150px}.w-full{width:100%}@media (max-width:768px){.form-row{gap:var(--space-2);flex-direction:column}.register-form-content{padding:var(--space-6)}.otp-input{width:45px;height:55px;font-size:1.5rem}.register-steps-header{padding:var(--space-6);flex-direction:column;align-items:flex-start}}