@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-right{0%{left:-150px}100%{left:100%}}#mesh-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:1.0}.auth-header h1{font-size:2.45rem;font-weight:800;color:#111827;letter-spacing:-0.03em;margin:0 0 0.75rem;background:linear-gradient(140deg, #111827 30%, #10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards}.auth-header p{color:#4b5563;font-size:1.125rem;margin:0 auto;max-width:600px;line-height:1.5;animation:fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;opacity:0}.auth-divider{height:1px;background:rgba(229,231,235,0.8);position:relative;max-width:1400px;margin:0 auto;width:calc(100% - 4rem);overflow:hidden}.auth-divider::after{content:'';position:absolute;top:0;left:-100px;width:150px;height:100%;background:linear-gradient(to right, transparent, #10b981, transparent);animation:scan-right 4s linear infinite}.auth-content{max-width:1400px}.auth-form-container{background:#f0f0f0c9 !important;width:95% !important;max-width:600px !important;position:relative;z-index:5;border:1px solid #dee2e6;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.15) !important;margin:0 auto}.auth-form-container .form-label{display:block;font-weight:600;color:#374151;margin-bottom:0.625rem;font-size:0.875rem}.auth-form-container .form-control{width:100%;border:1px solid #e5e7eb;border-radius:0.5rem;padding:1rem 1.125rem;font-size:1rem;transition:all 0.2s;background:#f9fafb}.auth-form-container .form-control:focus{background:#ffffff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}.auth-form-container .btn-primary{background:#10b981 !important;padding:0.75rem 2rem;transition:all 0.2s}.auth-form-container .btn-primary:hover{transform:translateY(-1px)}.auth-form-container .forgot-link,.auth-form-container a{color:#10b981;text-decoration:none}.auth-form-container .forgot-link:hover,.auth-form-container a:hover{text-decoration:underline}@media (max-width: 991px){.auth-divider{width:calc(100% - 2rem)}.auth-form-container{padding:2.75rem 2.25rem}}@media (max-width: 576px){.auth-form-container{padding:2.25rem 1.75rem}.auth-form .btn-primary{max-width:100%}}