.registration-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:500px;padding:44px;width:100%}.registration-header{margin-bottom:35px;text-align:center}.registration-header h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 10px}.registration-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.step-indicator{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.step{background:var(--color-border);border-radius:2px;height:4px;transition:all .3s;width:40px}.step.active{background:var(--color-primary)}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);font-size:15px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(131,125,255,.1);outline:none}.form-group input.is-invalid{border-color:#f56565}.form-error{color:#f56565;font-size:13px;margin-top:5px}.registration-card .password-field{position:relative}.registration-card .password-field input{padding-right:46px}.btn-submit{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s;width:100%}.btn-submit:hover{box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.field-hint,.password-hint{color:var(--color-text-secondary);font-size:12px;margin-top:5px}.optional-badge{background:var(--color-bg-secondary);border-radius:4px;color:var(--color-text-secondary);display:inline-block;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.success-icon{align-items:center;animation:checkmark .8s ease;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 30px;width:80px}@keyframes checkmark{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.success-icon svg{fill:none;height:40px;stroke:#fff;stroke-width:3;width:40px}.success-card{animation:scaleIn .5s ease;backdrop-filter:blur(10px);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:500px;padding:50px 40px;position:relative;text-align:center;width:100%;z-index:1}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-card h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin:0 0 15px}.success-card p{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0 0 15px}.info-box{background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:8px;margin:25px 0;padding:15px;text-align:left}.info-box p{color:var(--color-text-secondary);font-size:14px;margin:0}.btn-home{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:10px;color:#fff;display:inline-block;font-size:16px;font-weight:600;margin-top:20px;padding:14px 40px;text-decoration:none;transition:all .3s}.btn-home:hover{box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateY(-2px)}@media (max-width:480px){.registration-card,.success-card{padding:30px 20px}.registration-header h1,.success-card h1{font-size:24px}}@media (max-width:768px){.auth-logo-corner{position:relative}}