.register-main{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.register__wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);background:var(--bg-elevated);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.05);overflow:hidden}.register__welcome{background:var(--gradient-primary);padding:var(--space-12);color:var(--text-inverse);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.welcome__content{position:relative;z-index:2;margin-top:-9cm}.register__welcome:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/login-bg.jpg) 50%/cover;opacity:.1;z-index:1}.hero__badge--large{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.1);padding:var(--space-2) var(--space-4);border-radius:30px;backdrop-filter:blur(10px);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:500}.hero__title--xl{font-size:var(--text-5xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.gradient-text{display:block;background:linear-gradient(135deg,var(--accent-300) 0,var(--secondary-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.benefits-list{margin-top:var(--space-8)}.benefit-item{gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-inverse)}.benefit-icon,.benefit-item{display:flex;align-items:center}.benefit-icon{justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;font-size:var(--text-sm)}.register__form-wrapper{padding:var(--space-8)}.register__form-container{max-width:480px;margin:0 auto}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.form-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.step-progress{margin-top:var(--space-8)}.progress-bar{height:4px;background:var(--neutral-100);border-radius:2px;overflow:hidden;margin-bottom:var(--space-4)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-600) 100%);transition:width .3s ease}.step-labels{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.step-labels span{position:relative;padding-top:var(--space-2)}.step-labels span.active{color:var(--primary-600);font-weight:600}.step-labels span.completed{color:var(--success)}.form--enhanced{background:var(--bg-primary);padding:var(--space-6);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.input-wrapper{position:relative;margin-bottom:var(--space-4)}.form-input{width:100%;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);border:2px solid var(--border-primary);border-radius:8px;font-size:var(--text-base);transition:all .2s ease}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.form-input.error{border-color:var(--error)}.form-input.success{border-color:var(--success)}.input-icon{right:var(--space-3);color:var(--text-tertiary)}.input-icon,.success-icon{position:absolute;top:50%;transform:translateY(-50%)}.success-icon{right:var(--space-8);color:var(--success)}.password-strength{margin-top:var(--space-2)}.strength-bar{height:4px;background:var(--neutral-100);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.strength-fill{height:100%;transition:width .3s ease}.strength-1{background:var(--error)}.strength-2{background:var(--warning)}.strength-3{background:var(--info)}.strength-4,.strength-5{background:var(--success)}.strength-label{font-size:var(--text-sm);font-weight:500}.verification-info{text-align:center;margin-bottom:var(--space-6)}.verification-icon{font-size:var(--text-4xl);color:var(--primary-500);margin-bottom:var(--space-4)}.verification-input{letter-spacing:.5em;text-align:center;font-size:var(--text-xl);font-weight:600}.completion-screen{text-align:center;padding:var(--space-8) 0}.completion-icon{font-size:var(--text-5xl);color:var(--success);margin-bottom:var(--space-4);animation:scale-in .5s ease}.completion-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.completion-text{color:var(--text-secondary);margin-bottom:var(--space-6)}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:1024px){.register__wrapper{grid-template-columns:1fr}.register__welcome{padding:var(--space-8)}.hero__title--xl{font-size:var(--text-4xl)}}@media (max-width:640px){.register-main{padding:var(--space-4) var(--space-2)}.register__wrapper{border-radius:12px}.register__welcome{padding:var(--space-6)}.hero__title--xl{font-size:var(--text-3xl)}.form--enhanced{padding:var(--space-4)}}.btn--enhanced{position:relative;overflow:hidden}.btn--enhanced:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:transform .5s ease}.btn--enhanced:hover:after{transform:translate(-50%,-50%) scale(1)}.oauth__buttons--enhanced{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.oauth__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:8px;font-weight:500;transition:all .2s ease}.oauth__btn:hover{background:var(--neutral-50)}.badge-soon{font-size:var(--text-xs);padding:2px 6px;background:var(--primary-600);border-radius:12px;margin-left:var(--space-2)}.error-message{display:flex;align-items:center;gap:var(--space-2);color:var(--error);font-size:var(--text-sm);margin-top:var(--space-1);animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-hint{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-1)}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-2)}@keyframes spin{to{transform:rotate(1turn)}}