.login-page .page-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:4rem 0 3rem;position:relative;overflow:hidden;}.login-page .page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http:
    opacity: 0.3;
}

.login-page .page-header .container {
    position: relative;
    z-index: 1;
}

.login-page .page-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--white);text-align:center;letter-spacing:0.02em;text-shadow:0 2px 10px rgba(0,0,0,0.1);}@media (max-width:768px){.login-page .page-title{font-size:2rem;}}.login-page .page-content{padding:3rem 0 5rem;background:var(--background-light);min-height:calc(100vh - 200px);}.dark .login-page .page-content{background:var(--background-dark);}.login-popup{max-width:500px;margin:0 auto;background:var(--surface-light);border-radius:1.5rem;padding:3rem 2.5rem;box-shadow:0 10px 40px rgba(0,0,0,0.08);border:1px solid var(--gray-200);position:relative;overflow:hidden;}.dark .login-popup{background:var(--surface-dark);border-color:var(--gray-800);box-shadow:0 10px 40px rgba(0,0,0,0.4);}.login-popup::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-hover) 100%);}@media (max-width:576px){.login-popup{padding:2rem 1.5rem;margin:0 1rem;}}.login-popup .logo{text-decoration:none;margin-bottom:1.5rem;transition:transform 0.3s ease;}.login-popup .logo:hover{transform:scale(1.05);}.login-popup .logo img{display:block;margin:0 auto;}.login-popup h4{font-size:1.5rem;font-weight:700;color:var(--text-light);margin-bottom:2rem;text-align:center;}.dark .login-popup h4{color:var(--text-dark);}.login-popup .notification{padding:1rem 1.25rem;border-radius:0.75rem;margin-bottom:1.5rem;font-size:0.9375rem;font-weight:500;display:flex;align-items:center;gap:0.75rem;animation:slideDown 0.3s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.login-popup .notification.success{background:rgba(34,197,94,0.1);color:var(--green-600);border:1px solid rgba(34,197,94,0.2);}.dark .login-popup .notification.success{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.3);}.login-popup .notification.error{background:rgba(239,68,68,0.1);color:var(--red-500);border:1px solid rgba(239,68,68,0.2);}.dark .login-popup .notification.error{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3);}.login-popup form{margin-top:1.5rem;}.login-popup .form-group{margin-bottom:1.5rem;}.login-popup .form-group label{display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.9375rem;color:var(--gray-700);letter-spacing:0.01em;}.dark .login-popup .form-group label{color:var(--gray-300);}.login-popup .form-control{width:100%;padding:0.875rem 1.125rem;border-radius:0.75rem;border:1.5px solid var(--gray-300);background-color:var(--white);color:var(--text-light);font-family:inherit;font-size:1rem;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.dark .login-popup .form-control{background-color:var(--gray-800);border-color:var(--gray-700);color:var(--text-dark);}.login-popup .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(29,140,248,0.1);background-color:var(--white);}.dark .login-popup .form-control:focus{background-color:var(--gray-800);box-shadow:0 0 0 4px rgba(29,140,248,0.15);}.login-popup .form-control::placeholder{color:var(--gray-400);}.dark .login-popup .form-control::placeholder{color:var(--gray-500);}.login-popup .form-checkbox{margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem;}.login-popup .form-checkbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);}.login-popup .form-checkbox label{font-size:0.9375rem;font-weight:500;color:var(--gray-600);cursor:pointer;margin:0;flex:1;}.dark .login-popup .form-checkbox label{color:var(--gray-400);}.login-popup .form-checkbox a{font-size:0.875rem;color:var(--primary);text-decoration:none;font-weight:600;transition:color 0.2s ease;}.login-popup .form-checkbox a:hover{color:var(--primary-hover);text-decoration:underline;}.login-popup .btn-primary{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--white);padding:1rem;border-radius:0.75rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(29,140,248,0.3);letter-spacing:0.02em;text-transform:uppercase;position:relative;overflow:hidden;}.login-popup .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.login-popup .btn-primary:hover::before{left:100%;}.login-popup .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,140,248,0.4);}.login-popup .btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px rgba(29,140,248,0.3);}.login-popup .btn-primary:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.login-popup .text-center{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200);}.dark .login-popup .text-center{border-color:var(--gray-800);}.login-popup .text-center span{font-size:0.9375rem;color:var(--gray-600);}.dark .login-popup .text-center span{color:var(--gray-400);}.login-popup .text-center a{color:var(--primary);text-decoration:none;font-weight:600;margin-left:0.5rem;transition:color 0.2s ease;}.login-popup .text-center a:hover{color:var(--primary-hover);text-decoration:underline;}.login-popup .tab-content{position:relative;}@media (max-width:576px){.login-page .page-header{padding:3rem 0 2rem;}.login-popup{border-radius:1rem;}.login-popup h4{font-size:1.25rem;}.login-popup .form-control{padding:0.75rem 1rem;}.login-popup .btn-primary{padding:0.875rem;font-size:0.9375rem;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.login-popup{animation:fadeInUp 0.5s ease-out;}.login-popup .form-control:focus-visible,.login-popup .btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}