.auth-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 40px;display:flex;position:relative;overflow:hidden auto}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e0d 0%,#0000 70%);width:40%;height:40%;position:absolute;top:-10%;left:-10%}.auth-container{z-index:1;width:100%;max-width:420px;margin:auto 0;position:relative}.register-container{max-width:500px}.auth-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:48px 40px;box-shadow:0 20px 50px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-icon-circle{background:#22c55e1a;border:1px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.auth-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:800}.auth-header p{color:var(--color-text-muted);font-size:.95rem}.auth-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.input-wrapper{position:relative}.input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper input,.auth-select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);transition:var(--transition-base);appearance:none;padding:12px 16px 12px 42px;font-size:.95rem}.auth-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717A' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.auth-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.input-wrapper input:focus,.auth-select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 4px #22c55e1a}.forgot-link{color:var(--color-brand);font-size:.8rem;text-decoration:none}.auth-footer{text-align:center;margin-top:32px}.auth-footer p{color:var(--color-text-muted);font-size:.9rem}.auth-footer a{color:var(--color-brand);font-weight:600;text-decoration:none}.otp-input-group{justify-content:center;gap:12px;margin-bottom:12px;display:flex}.otp-input-group input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:48px;height:56px;color:var(--color-brand);font-size:1.5rem;font-weight:700}.otp-input-group input:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 4px #22c55e1a}.resend-btn{color:var(--color-brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;font-size:.9rem;font-weight:600;display:inline-flex}.resend-btn:hover{color:var(--color-brand-light)}@media (max-width:480px){.auth-card{padding:32px 24px}.form-row{grid-template-columns:1fr}}.custom-dropdown-container{width:100%;position:relative}.custom-dropdown-btn{text-align:left;background-image:none;justify-content:space-between;align-items:center;padding-right:16px;display:flex}.custom-dropdown-btn .placeholder{color:#71717a}.custom-dropdown-btn .selected-value{color:var(--color-text-primary)}.custom-dropdown-options{z-index:50;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;width:100%;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0006}.custom-dropdown-option{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:var(--transition-fast);margin-bottom:2px;padding:10px 12px;font-size:.95rem}.custom-dropdown-option:last-child{margin-bottom:0}.custom-dropdown-option[data-focus],.custom-dropdown-option:hover{background:#ffffff0f}