.auth-page{min-height:100vh;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.auth-bg{position:absolute;inset:0;pointer-events:none}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.12}.auth-orb-1{width:500px;height:500px;background:var(--primary);top:-100px;right:-100px}.auth-orb-2{width:300px;height:300px;background:var(--secondary);bottom:-50px;left:-50px}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);width:100%;max-width:520px;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.auth-title{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-divider{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);position:relative}.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;height:1px;background:var(--border-color);width:40%}.auth-divider::before{right:0}.auth-divider::after{left:0}.auth-switch{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-switch a{color:var(--primary-light);font-weight:700;cursor:pointer}.btn-submit{width:100%;padding:14px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:white;font-size:var(--font-size-md);font-weight:800;border:none;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-submit:hover{opacity:0.9;transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:44px}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.password-toggle{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:pointer}.onboarding-page{min-height:100vh;background:var(--gradient-hero);padding:var(--spacing-xl);position:relative;overflow:hidden}.onboarding-container{max-width:700px;margin:0 auto;position:relative;z-index:1}.onboarding-header{text-align:center;padding:var(--spacing-2xl) 0 var(--spacing-xl)}.onboarding-header .auth-logo{font-size:2rem}.steps-progress{display:flex;align-items:center;justify-content:center;gap:0;margin:var(--spacing-xl) 0}.step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:800;border:2px solid var(--border-color);color:var(--text-muted);background:var(--bg-card);position:relative;z-index:1;transition:all var(--transition-normal)}.step-dot.done{background:var(--primary);border-color:var(--primary);color:white}.step-dot.active{border-color:var(--primary);color:var(--primary-light);box-shadow:0 0 0 4px var(--primary-glow)}.step-line{flex:1;height:2px;background:var(--border-color);max-width:60px}.step-line.done{background:var(--primary)}.onboarding-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.step-header{margin-bottom:var(--spacing-xl)}.step-number{font-size:var(--font-size-xs);color:var(--primary-light);font-weight:700;margin-bottom:4px}.step-title{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:var(--spacing-sm)}.step-desc{color:var(--text-secondary);font-size:var(--font-size-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.step-nav{display:flex;gap:var(--spacing-md)}.btn-prev{flex:1;padding:14px;border-radius:var(--radius-lg);font-weight:800;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.btn-prev:hover{border-color:var(--primary);color:var(--primary-light)}.btn-next{flex:2;padding:14px;border-radius:var(--radius-lg);font-weight:800;background:var(--gradient-primary);color:white;border:none;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px}.btn-next:hover{opacity:0.9;transform:translateY(-2px)}.btn-next:disabled{opacity:0.6;cursor:not-allowed;transform:none}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative}.file-upload-area:hover{border-color:var(--primary);background:var(--primary-glow)}.file-upload-area.dragover{border-color:var(--primary);background:var(--primary-glow)}.file-upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-icon{font-size:3rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.file-upload-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.file-upload-text strong{color:var(--primary-light)}.file-preview{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-glass-light);border-radius:var(--radius-lg)}.file-preview img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md)}.file-preview-info{flex:1}.file-preview-name{font-weight:700;font-size:var(--font-size-sm)}.file-preview-size{color:var(--text-muted);font-size:var(--font-size-xs)}.file-remove{color:var(--secondary);cursor:pointer;padding:4px 8px}.upload-progress{height:4px;background:var(--border-color);border-radius:var(--radius-full);margin-top:8px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 0.3s ease}@media (max-width:768px){.auth-card{padding:var(--spacing-lg)}.onboarding-card{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.step-nav{flex-direction:column}}